|
12 | 12 | background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgba(255, 255, 255, 0.1); |
13 | 13 | } |
14 | 14 |
|
15 | | -.navbar-toggler:checked { |
16 | | - background-color: rgba(255, 255, 255, 0.5); |
17 | | -} |
| 15 | + .navbar-toggler:checked { |
| 16 | + background-color: rgba(255, 255, 255, 0.5); |
| 17 | + } |
18 | 18 |
|
19 | 19 | .top-row { |
20 | | - min-height: 3.5rem; |
21 | | - background-color: rgba(0,0,0,0.4); |
| 20 | + min-height: 3rem; |
| 21 | + margin-bottom: 15px; |
| 22 | + background-color: var(--header-bg); |
22 | 23 | } |
23 | 24 |
|
24 | 25 | .navbar-brand { |
|
36 | 37 | font-size: 1.2rem; |
37 | 38 | display: inline-block; |
38 | 39 | position: relative; |
39 | | - margin-right: 0.75rem; |
| 40 | + margin-right: 0.5rem; |
40 | 41 | background-size: cover; |
41 | 42 | } |
42 | 43 |
|
43 | 44 | .nav-item { |
44 | 45 | font-size: 0.9rem; |
45 | | - padding-bottom: 0.5rem; |
46 | 46 | } |
47 | 47 |
|
48 | | - .nav-item:first-of-type { |
49 | | - padding-top: 1rem; |
50 | | - } |
51 | | - |
52 | | - .nav-item:last-of-type { |
53 | | - padding-bottom: 1rem; |
54 | | - } |
55 | | - |
56 | 48 | .nav-item ::deep .nav-link { |
57 | 49 | color: #d7d7d7; |
58 | 50 | background: none; |
59 | 51 | border: none; |
60 | | - border-radius: 4px; |
61 | | - height: 3rem; |
| 52 | + border-radius: 7px; |
| 53 | + height: 2rem; |
62 | 54 | display: flex; |
63 | 55 | align-items: center; |
64 | | - line-height: 3rem; |
| 56 | + line-height: 1rem; |
65 | 57 | width: 100%; |
66 | 58 | } |
67 | 59 |
|
68 | | -.nav-item ::deep a.active { |
69 | | - background-color: rgba(255,255,255,0.37); |
70 | | - color: white; |
71 | | -} |
| 60 | + .nav-item ::deep a.active { |
| 61 | + background-color: rgba(255,255,255,0.37); |
| 62 | + color: white; |
| 63 | + } |
72 | 64 |
|
73 | | -.nav-item ::deep .nav-link:hover { |
74 | | - background-color: rgba(255,255,255,0.1); |
75 | | - color: white; |
76 | | -} |
| 65 | + .nav-item ::deep .nav-link:hover { |
| 66 | + background-color: rgba(255,255,255,0.1); |
| 67 | + color: white; |
| 68 | + } |
77 | 69 |
|
78 | 70 | .nav-scrollable { |
79 | 71 | display: none; |
|
89 | 81 | } |
90 | 82 |
|
91 | 83 | .nav-scrollable { |
92 | | - /* Never collapse the sidebar for wide screens */ |
93 | 84 | display: block; |
94 | | - |
95 | | - /* Allow sidebar to scroll for tall menus */ |
96 | | - height: calc(100vh - 3.5rem); |
97 | | - overflow-y: auto; |
98 | 85 | } |
99 | 86 | } |
0 commit comments