|
|
| (One intermediate revision by the same user not shown) |
| Line 1: |
Line 1: |
| /* Force Citizen sidebar drawer to always be visible on desktop */ | | /* empty */ |
| @media (min-width: 1200px) {
| |
| /* Make the header wider to accommodate the always-open drawer */
| |
| .citizen-header {
| |
| width: 280px !important;
| |
| }
| |
| | |
| /* Force the drawer to always be visible */
| |
| .citizen-drawer {
| |
| display: block !important;
| |
| visibility: visible !important;
| |
| opacity: 1 !important;
| |
| position: static !important;
| |
| transform: none !important;
| |
| height: auto !important;
| |
| overflow: visible !important;
| |
| pointer-events: auto !important;
| |
| }
| |
| | |
| .citizen-drawer .citizen-dropdown__content {
| |
| display: block !important;
| |
| visibility: visible !important;
| |
| opacity: 1 !important;
| |
| position: static !important;
| |
| transform: none !important;
| |
| max-height: none !important;
| |
| overflow: visible !important;
| |
| pointer-events: auto !important;
| |
| box-shadow: none !important;
| |
| border: none !important;
| |
| background: transparent !important;
| |
| }
| |
| | |
| .citizen-drawer__card {
| |
| display: block !important;
| |
| visibility: visible !important;
| |
| }
| |
| | |
| /* Push page content to the right to make room */
| |
| .citizen-body {
| |
| margin-left: 280px !important;
| |
| }
| |
| | |
| /* Hide the hamburger toggle since drawer is always open */
| |
| .citizen-drawer > .citizen-dropdown__trigger {
| |
| display: none !important;
| |
| }
| |
| | |
| /* Style the always-visible sidebar */
| |
| .citizen-drawer .citizen-menu__heading {
| |
| font-weight: 600;
| |
| text-transform: uppercase;
| |
| font-size: 0.75rem;
| |
| letter-spacing: 0.05em;
| |
| opacity: 0.7;
| |
| margin-top: 1rem;
| |
| }
| |
| | |
| .citizen-drawer .citizen-menu__content a {
| |
| padding: 4px 0;
| |
| display: block;
| |
| }
| |
| }
| |
