|
1 | | -@import 'SpawnDev.MatrixLEDDisplay.g0fieuo7em.bundle.scp.css'; |
| 1 | +@import 'SpawnDev.MatrixLEDDisplay.3lqfx81qnl.bundle.scp.css'; |
2 | 2 |
|
3 | | -/* /Components/LEDMatrix.razor.rz.scp.css */ |
4 | | -.led-matrix[b-1t7c73vvy0] { |
5 | | - border: 1px solid black; |
6 | | - display: inline-block; |
| 3 | +/* /Layout/AppTray/AppTrayArea.razor.rz.scp.css */ |
| 4 | + |
| 5 | +.app-tray-area[b-ep6eoklj45] { |
| 6 | + border-radius: 0.5rem; |
| 7 | + border: 1px solid grey; |
| 8 | + display: flex; |
| 9 | + flex-direction: row; |
7 | 10 | } |
8 | 11 |
|
9 | | -.button-row[b-1t7c73vvy0] { |
10 | | - margin: 0; |
11 | | - border: 0; |
12 | | - padding: 0; |
13 | | - line-height: 0; |
| 12 | +.app-tray-icon[b-ep6eoklj45] { |
| 13 | + position: relative; |
| 14 | + height: 36px; |
| 15 | + min-width: 36px; |
| 16 | + display: flex; |
| 17 | + justify-content: center; |
| 18 | + align-items: center; |
| 19 | + cursor: pointer; |
| 20 | + margin: 0 0; |
14 | 21 | } |
15 | 22 |
|
16 | | -button[b-1t7c73vvy0] { |
17 | | - width: 20px; |
18 | | - height: 20px; |
19 | | - border: 1px solid black; |
20 | | - background-color: #04AA6D; /* Green */ |
21 | | - color: white; |
| 23 | + .app-tray-icon:hover[b-ep6eoklj45] { |
| 24 | + background-color: #ffffff12; |
| 25 | + } |
| 26 | + |
| 27 | +.app-tray-icon-tltext[b-ep6eoklj45] { |
| 28 | + top: 0; |
| 29 | + right: 0; |
| 30 | + min-width: 1.2rem; |
| 31 | + position: absolute; |
| 32 | + padding: 0 0.2px; |
| 33 | + background-color: #770000cc; |
| 34 | + border: 1px solid #808080; |
| 35 | + border-radius: 10px; |
22 | 36 | text-align: center; |
23 | | - text-decoration: none; |
24 | | - display: inline-block; |
25 | | - font-size: 16px; |
26 | | - margin: 0; |
27 | | - padding: 0; |
28 | 37 | } |
| 38 | + |
| 39 | + .app-tray-icon-tltext:empty[b-ep6eoklj45] { |
| 40 | + display: none; |
| 41 | + } |
29 | 42 | /* /Layout/MainLayout.razor.rz.scp.css */ |
30 | 43 | .page[b-54sc4du38x] { |
31 | 44 | position: relative; |
@@ -104,87 +117,173 @@ main[b-54sc4du38x] { |
104 | 117 | padding-right: 1.5rem !important; |
105 | 118 | } |
106 | 119 | } |
107 | | -/* /Layout/NavMenu.razor.rz.scp.css */ |
108 | | -.navbar-toggler[b-h95fktz868] { |
109 | | - background-color: rgba(255, 255, 255, 0.1); |
| 120 | +/* /UI/UIButton.razor.rz.scp.css */ |
| 121 | +button[b-322l7xghr8] { |
| 122 | + padding: 4px 2px 2px 2px; |
| 123 | + margin: 0; |
| 124 | + border-radius: 1.5em; |
| 125 | + vertical-align: middle; |
| 126 | + border: 0; |
| 127 | + color: #dddddd; |
| 128 | + background-color: #120101; |
| 129 | + cursor: pointer; |
110 | 130 | } |
111 | 131 |
|
112 | | -.top-row[b-h95fktz868] { |
113 | | - height: 3.5rem; |
114 | | - background-color: rgba(0,0,0,0.4); |
115 | | -} |
| 132 | + button:hover[b-322l7xghr8] { |
| 133 | + background-color: #191616; |
| 134 | + } |
| 135 | + |
| 136 | + button:active[b-322l7xghr8] { |
| 137 | + background-color: #393636; |
| 138 | + } |
116 | 139 |
|
117 | | -.navbar-brand[b-h95fktz868] { |
118 | | - font-size: 1.1rem; |
| 140 | + button[disabled][b-322l7xghr8] { |
| 141 | + opacity: 0.2; |
| 142 | + cursor: auto; |
| 143 | + } |
| 144 | + button[disabled]:hover[b-322l7xghr8] { |
| 145 | + background-color: #120101; |
| 146 | + } |
| 147 | + |
| 148 | + button[disabled]:active[b-322l7xghr8] { |
| 149 | + background-color: #120101; |
| 150 | + } |
| 151 | +/* /UI/UIIcon.razor.rz.scp.css */ |
| 152 | +div[b-ksj3nl5zwn] { |
| 153 | + display: flex; |
| 154 | + flex-direction: column; |
| 155 | + flex-wrap: nowrap; |
| 156 | + justify-content: center; |
| 157 | + align-items: center; |
119 | 158 | } |
| 159 | +/* /UI/UILink.razor.rz.scp.css */ |
| 160 | + |
120 | 161 |
|
121 | | -.bi[b-h95fktz868] { |
| 162 | +a[b-rl2e0zdwex] { |
| 163 | + padding: 4px 2px 2px 2px; |
| 164 | + margin: 0; |
| 165 | + border-radius: 0.25em; |
| 166 | + vertical-align: middle; |
| 167 | + border: 0; |
| 168 | + color: #dddddd; |
| 169 | + cursor: pointer; |
| 170 | + -webkit-text-decoration: inherit; |
| 171 | + text-decoration: inherit; |
122 | 172 | display: inline-block; |
123 | | - position: relative; |
124 | | - width: 1.25rem; |
125 | | - height: 1.25rem; |
126 | | - margin-right: 0.75rem; |
127 | | - top: -1px; |
128 | | - background-size: cover; |
129 | 173 | } |
130 | 174 |
|
131 | | -.bi-house-door-fill-nav-menu[b-h95fktz868] { |
132 | | - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E"); |
| 175 | + a:hover[b-rl2e0zdwex] { |
| 176 | + background-color: #191616; |
| 177 | + } |
| 178 | + |
| 179 | + a:active[b-rl2e0zdwex] { |
| 180 | + background-color: #393636; |
| 181 | + } |
| 182 | + |
| 183 | + a[disabled][b-rl2e0zdwex] { |
| 184 | + opacity: 0.2; |
| 185 | + cursor: auto; |
| 186 | + } |
| 187 | + a[disabled]:hover[b-rl2e0zdwex] { |
| 188 | + background-color: #120101; |
| 189 | + } |
| 190 | + |
| 191 | + a[disabled]:active[b-rl2e0zdwex] { |
| 192 | + background-color: #120101; |
| 193 | + } |
| 194 | +/* /UI/UIToggle.razor.rz.scp.css */ |
| 195 | +.ui-toggle[b-2c5ssvaf7z] { |
| 196 | + padding: 0; |
| 197 | + width: 36px; |
| 198 | + height: 36px; |
| 199 | + position: relative; |
| 200 | + background-color: transparent; |
| 201 | + cursor: pointer; |
133 | 202 | } |
134 | 203 |
|
135 | | -.bi-plus-square-fill-nav-menu[b-h95fktz868] { |
136 | | - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E"); |
| 204 | +.ui-toggle-inner[b-2c5ssvaf7z] { |
| 205 | + padding: 0; |
| 206 | + width: 100%; |
| 207 | + height: 100%; |
| 208 | + border-radius: 2px; |
| 209 | + background-color: transparent; |
| 210 | + display: flex; |
| 211 | + flex-direction: column; |
| 212 | + justify-content: center; |
| 213 | + align-items: center; |
| 214 | + align-content: center; |
| 215 | + cursor: pointer; |
137 | 216 | } |
138 | 217 |
|
139 | | -.bi-list-nested-nav-menu[b-h95fktz868] { |
140 | | - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E"); |
| 218 | +[b-2c5ssvaf7z] .ui-toggle-inner > * { |
| 219 | + max-width: 100%; |
| 220 | + max-height: 100%; |
| 221 | + cursor: pointer; |
141 | 222 | } |
142 | 223 |
|
143 | | -.nav-item[b-h95fktz868] { |
144 | | - font-size: 0.9rem; |
145 | | - padding-bottom: 0.5rem; |
| 224 | +.ui-toggle-progress[b-2c5ssvaf7z] { |
| 225 | + position: absolute; |
| 226 | + top: 0; |
| 227 | + left: 0; |
| 228 | + width: 100%; |
| 229 | + height: 100%; |
| 230 | + aspect-ratio: 1; |
| 231 | + padding: 4px !important; |
| 232 | + border-radius: 50%; |
| 233 | + box-sizing: border-box; |
146 | 234 | } |
147 | 235 |
|
148 | | - .nav-item:first-of-type[b-h95fktz868] { |
149 | | - padding-top: 1rem; |
150 | | - } |
151 | 236 |
|
152 | | - .nav-item:last-of-type[b-h95fktz868] { |
153 | | - padding-bottom: 1rem; |
154 | | - } |
| 237 | +button[b-2c5ssvaf7z] { |
| 238 | + padding: 4px 2px 2px 2px; |
| 239 | + margin: 0; |
| 240 | + border-radius: 1.5em; |
| 241 | + vertical-align: middle; |
| 242 | + border: 0; |
| 243 | + color: #dddddd; |
| 244 | + background-color: #120101; |
| 245 | + cursor: pointer; |
| 246 | +} |
155 | 247 |
|
156 | | - .nav-item[b-h95fktz868] a { |
157 | | - color: #d7d7d7; |
158 | | - border-radius: 4px; |
159 | | - height: 3rem; |
| 248 | + button > div[b-2c5ssvaf7z] { |
160 | 249 | display: flex; |
| 250 | + flex-direction: row; |
| 251 | + justify-content: center; |
| 252 | + align-content: center; |
161 | 253 | align-items: center; |
162 | | - line-height: 3rem; |
| 254 | + flex-wrap: nowrap; |
163 | 255 | } |
164 | 256 |
|
165 | | -.nav-item[b-h95fktz868] a.active { |
166 | | - background-color: rgba(255,255,255,0.37); |
167 | | - color: white; |
168 | | -} |
169 | | - |
170 | | -.nav-item[b-h95fktz868] a:hover { |
171 | | - background-color: rgba(255,255,255,0.1); |
172 | | - color: white; |
173 | | -} |
| 257 | + button:hover[b-2c5ssvaf7z] { |
| 258 | + background-color: #191616; |
| 259 | + } |
174 | 260 |
|
175 | | -@media (min-width: 641px) { |
176 | | - .navbar-toggler[b-h95fktz868] { |
177 | | - display: none; |
| 261 | + button:active[b-2c5ssvaf7z] { |
| 262 | + background-color: #393636; |
178 | 263 | } |
179 | 264 |
|
180 | | - .collapse[b-h95fktz868] { |
181 | | - /* Never collapse the sidebar for wide screens */ |
182 | | - display: block; |
| 265 | + button[disabled][b-2c5ssvaf7z] { |
| 266 | + opacity: 0.2; |
| 267 | + cursor: auto; |
183 | 268 | } |
184 | | - |
185 | | - .nav-scrollable[b-h95fktz868] { |
186 | | - /* Allow sidebar to scroll for tall menus */ |
187 | | - height: calc(100vh - 3.5rem); |
188 | | - overflow-y: auto; |
| 269 | + |
| 270 | + button[disabled]:hover[b-2c5ssvaf7z] { |
| 271 | + background-color: #120101; |
| 272 | + } |
| 273 | + |
| 274 | + button[disabled]:active[b-2c5ssvaf7z] { |
| 275 | + background-color: #120101; |
| 276 | + } |
| 277 | + |
| 278 | + |
| 279 | +.busy-ring[b-2c5ssvaf7z] { |
| 280 | + mask: conic-gradient(#0000,#000) subtract, linear-gradient(#000 0 0) content-box; |
| 281 | + animation: busySpinner-b-2c5ssvaf7z 2s linear infinite; |
| 282 | + background: #07e8d6 !important; /* the color */ |
| 283 | +} |
| 284 | + |
| 285 | +@keyframes busySpinner-b-2c5ssvaf7z { |
| 286 | + to { |
| 287 | + transform: rotate(1turn) |
189 | 288 | } |
190 | 289 | } |
0 commit comments