fix(admin): keep invite filters inside the list card
Unify status filters, search, bulk actions and pagination in one invite list card. Remove the standalone filter summary and preserve usable search widths on small screens, with structural regression coverage. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This commit is contained in:
1 parent
a6776ffe0a
commit
5732be847e
3 files changed
+60
-21
No files matched your search
@@ -2,10 +2,13 @@
|
||||
.aksrt-inv-page [hidden] { display: none !important; }
|
||||
.aksrt-inv-page .aksrt-native-header__actions .button { display: inline-flex; align-items: center; gap: 5px; }
|
||||
.aksrt-inv-page .aksrt-native-header__actions .dashicons { margin: 0; font-size: 17px; line-height: 20px; }
|
||||
.aksrt-inv-toolbar { padding: 14px 20px; border-bottom: 1px solid var(--an-border-soft); }
|
||||
.aksrt-inv-toolbar__views { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; }
|
||||
.aksrt-inv-toolbar .subsubsub { margin: 0; padding: 0; box-shadow: none; }
|
||||
.aksrt-inv-toolbar .aksrt-native-filters { margin: 0; }
|
||||
.aksrt-inv-filter-summary { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-top: 12px; padding-top: 12px; border-top: 1px solid var(--an-border-soft); overflow-wrap: anywhere; }
|
||||
.aksrt-inv-selection { color: var(--an-text-2); font-size: 12px; font-variant-numeric: tabular-nums; }
|
||||
.aksrt-inv-filter-remark { max-width: 240px; color: var(--an-text-2); font-size: 12px; overflow-wrap: anywhere; }
|
||||
.aksrt-inv-bulk { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; padding: 12px 20px; border-bottom: 1px solid var(--an-border-soft); }
|
||||
.aksrt-inv-selection { margin-right: auto; color: var(--an-text-2); font-size: 12px; font-variant-numeric: tabular-nums; }
|
||||
|
||||
.aksrt-inv-page .aksrt-inv-table { min-width: 1000px; table-layout: fixed; }
|
||||
.aksrt-inv-table .column-code { width: 21%; }
|
||||
@@ -90,8 +93,10 @@ html.aksrt-inv-modal-open { overflow: hidden; }
|
||||
@media (max-width: 600px) {
|
||||
.aksrt-inv-page .aksrt-native-header__actions { width: 100%; }
|
||||
.aksrt-inv-page .aksrt-native-header__actions .button { flex: 1; justify-content: center; }
|
||||
.aksrt-inv-toolbar,
|
||||
.aksrt-inv-bulk { padding-left: 14px; padding-right: 14px; }
|
||||
.aksrt-inv-toolbar .aksrt-native-filters { width: 100%; }
|
||||
.aksrt-inv-toolbar input[type="search"] { flex: 1; width: 0; min-width: 0; }
|
||||
.aksrt-inv-toolbar input[type="search"] { flex: 1 1 calc(100% - 76px); width: 0; min-width: 0; }
|
||||
.aksrt-inv-dialog { max-height: calc(100dvh - 24px); }
|
||||
.aksrt-inv-dialog__head,
|
||||
.aksrt-inv-dialog__body,
|
||||
|
||||
Reference in new issue
Block a user