diff options
Diffstat (limited to 'styles.css')
-rw-r--r-- | styles.css | 91 |
1 files changed, 48 insertions, 43 deletions
@@ -95,10 +95,36 @@ html | |||
95 | 95 | ||
96 | .Dialog | 96 | .Dialog |
97 | { | 97 | { |
98 | max-width: 800px; | 98 | max-width: 910px; |
99 | margin: 0px auto; | 99 | margin: 0px auto; |
100 | } | 100 | } |
101 | 101 | ||
102 | .LabeledPanel | ||
103 | { | ||
104 | border-top: solid var(--color-border-light-1) 1px; | ||
105 | border-right: solid var(--color-border-dark-1) 1px; | ||
106 | border-bottom: solid var(--color-border-dark-1) 1px; | ||
107 | border-left: solid var(--color-border-light-1) 1px; | ||
108 | |||
109 | box-shadow: 1px 1px var(--color-border-light-1), | ||
110 | -1px -1px var(--color-border-dark-1); | ||
111 | padding: 1ex; | ||
112 | padding-top: 0px; | ||
113 | margin: 2ex 0px; | ||
114 | } | ||
115 | |||
116 | .LabeledPanel > h3, .LabeledPanel > h2 | ||
117 | { | ||
118 | font-weight: normal; | ||
119 | display: inline-block; | ||
120 | position: relative; | ||
121 | top: calc(-0.5em); | ||
122 | left: 1ex; | ||
123 | background-color: var(--color-bg); | ||
124 | padding: 0px 1ex 0px 1ex; | ||
125 | margin: 0px; | ||
126 | } | ||
127 | |||
102 | input[type="number"] | 128 | input[type="number"] |
103 | { | 129 | { |
104 | appearance: none; | 130 | appearance: none; |
@@ -248,28 +274,6 @@ table.InputFields | |||
248 | flex-grow: 1; | 274 | flex-grow: 1; |
249 | } | 275 | } |
250 | 276 | ||
251 | .Asset | ||
252 | { | ||
253 | display: inline-block; | ||
254 | border: solid black 1px; | ||
255 | width: 34px; | ||
256 | height: 34px; | ||
257 | } | ||
258 | |||
259 | |||
260 | |||
261 | /* Prevent SVG elements from interferring with drag n drop. */ | ||
262 | #Grid * | ||
263 | { | ||
264 | pointer-events: none; | ||
265 | } | ||
266 | |||
267 | nav | ||
268 | { | ||
269 | display: flex; | ||
270 | justify-content: space-between; | ||
271 | } | ||
272 | |||
273 | #Links | 277 | #Links |
274 | { | 278 | { |
275 | box-shadow: inset -1px -1px var(--color-border-light-2), | 279 | box-shadow: inset -1px -1px var(--color-border-light-2), |
@@ -302,28 +306,29 @@ table.TableView | |||
302 | } | 306 | } |
303 | } | 307 | } |
304 | 308 | ||
305 | #Links table | 309 | .MainWrapper |
306 | { | 310 | { |
307 | table-layout: fixed; | 311 | display: flex; |
308 | 312 | gap: 10px; | |
309 | th:nth-child(1) | 313 | } |
310 | { | ||
311 | width: 10em; | ||
312 | } | ||
313 | 314 | ||
314 | td:nth-child(2) | 315 | .Asset |
315 | { | 316 | { |
316 | overflow: hidden; | 317 | display: inline-block; |
317 | white-space: nowrap; | 318 | border: solid black 1px; |
318 | } | 319 | width: 34px; |
320 | height: 34px; | ||
321 | } | ||
319 | 322 | ||
320 | th:nth-child(3), th:nth-child(4) | 323 | #EntryIndicator |
321 | { | 324 | { |
322 | width: 55px; | 325 | font-size: 150%; |
323 | } | 326 | text-align: center; |
327 | margin-bottom: 10px; | ||
328 | } | ||
324 | 329 | ||
325 | td:nth-child(3), td:nth-child(4) | 330 | /* Prevent SVG elements from interferring with drag n drop. */ |
326 | { | 331 | #Grid * |
327 | text-align: center; | 332 | { |
328 | } | 333 | pointer-events: none; |
329 | } | 334 | } |