Toggle days filter via icon and persist filter value
This commit is contained in:
@@ -2045,6 +2045,44 @@ h1 {
|
||||
gap: 5px;
|
||||
}
|
||||
|
||||
.bookmark-subpage__th-controls {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 6px;
|
||||
}
|
||||
|
||||
.bookmark-subpage__filter-toggle {
|
||||
width: 22px;
|
||||
height: 22px;
|
||||
border: 1px solid #cbd5e1;
|
||||
border-radius: 4px;
|
||||
background: #fff;
|
||||
color: #475569;
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
padding: 0;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.bookmark-subpage__filter-toggle svg {
|
||||
width: 13px;
|
||||
height: 13px;
|
||||
fill: currentColor;
|
||||
}
|
||||
|
||||
.bookmark-subpage__filter-toggle:hover {
|
||||
color: #1f2937;
|
||||
border-color: #94a3b8;
|
||||
}
|
||||
|
||||
.bookmark-subpage__filter-toggle.is-open,
|
||||
.bookmark-subpage__filter-toggle.is-active {
|
||||
color: #0f4bb8;
|
||||
border-color: #60a5fa;
|
||||
background: #eff6ff;
|
||||
}
|
||||
|
||||
.bookmark-subpage__column-filter {
|
||||
width: 84px;
|
||||
max-width: 100%;
|
||||
@@ -2054,6 +2092,11 @@ h1 {
|
||||
color: #111827;
|
||||
font-size: 11px;
|
||||
padding: 2px 6px;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.bookmark-subpage__th-stack.is-filter-open .bookmark-subpage__column-filter {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.bookmark-subpage__column-filter:focus {
|
||||
|
||||
Reference in New Issue
Block a user