Skip to content
Snippets Groups Projects
Commit 928cdd0e authored by Chris Hallberg's avatar Chris Hallberg Committed by Robert Lange
Browse files

Visual-only collapsing of header and facets.

- Removes need for "Toggle navigation" label.
- Changes how Bootstrap's .collapse works.
parent d5653d60
No related merge requests found
......@@ -19,6 +19,37 @@ a {
}
.sr-only {
color: #000;
background-color: #fff;
}
/**
* instead of display: none, keep things sr accessible
* https://tailwindcss.com/docs/screen-readers/
*/
.collapse.collapse:not(.in) {
position: absolute;
display: block;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
color: #000;
background-color: #fff;
overflow: hidden;
clip: rect(0, 0, 0, 0);
white-space: nowrap;
border-width: 0;
}
@media (min-width: 768px) {
.navbar-collapse.collapse:not(.in) {
position: static;
width: auto;
height: auto;
padding: 0;
margin: 0;
overflow: visible;
clip: auto;
white-space: normal;
}
}
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment