Make days filter toggle unobtrusive when collapsed
This commit is contained in:
@@ -2054,10 +2054,10 @@ h1 {
|
|||||||
.bookmark-subpage__filter-toggle {
|
.bookmark-subpage__filter-toggle {
|
||||||
width: 22px;
|
width: 22px;
|
||||||
height: 22px;
|
height: 22px;
|
||||||
border: 1px solid #cbd5e1;
|
border: none;
|
||||||
border-radius: 4px;
|
border-radius: 4px;
|
||||||
background: #fff;
|
background: transparent;
|
||||||
color: #475569;
|
color: #94a3b8;
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
@@ -2072,14 +2072,22 @@ h1 {
|
|||||||
}
|
}
|
||||||
|
|
||||||
.bookmark-subpage__filter-toggle:hover {
|
.bookmark-subpage__filter-toggle:hover {
|
||||||
color: #1f2937;
|
color: #64748b;
|
||||||
border-color: #94a3b8;
|
}
|
||||||
|
|
||||||
|
.bookmark-subpage__filter-toggle:focus-visible {
|
||||||
|
outline: 2px solid #93c5fd;
|
||||||
|
outline-offset: 1px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.bookmark-subpage__filter-toggle.is-open,
|
|
||||||
.bookmark-subpage__filter-toggle.is-active {
|
.bookmark-subpage__filter-toggle.is-active {
|
||||||
color: #0f4bb8;
|
color: #0f4bb8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.bookmark-subpage__filter-toggle.is-open {
|
||||||
border-color: #60a5fa;
|
border-color: #60a5fa;
|
||||||
|
border-style: solid;
|
||||||
|
border-width: 1px;
|
||||||
background: #eff6ff;
|
background: #eff6ff;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user