diff options
author | Hsieh Chin Fan <pham@topo.tw> | 2024-10-01 11:31:26 +0800 |
---|---|---|
committer | Hsieh Chin Fan <pham@topo.tw> | 2024-10-01 12:30:07 +0800 |
commit | 5cfa03b77bf21982d5024aad09f1a89871fc127b (patch) | |
tree | a87b2f7ed31079caacadee4a06f08bbc42b8257e /src | |
parent | 44505676efb5a6ef12d00e03544e5b44a4c459e1 (diff) |
style: stylelint
Diffstat (limited to 'src')
-rw-r--r-- | src/css/dumbymap.css | 18 | ||||
-rw-r--r-- | src/css/index.css | 3 | ||||
-rw-r--r-- | src/css/style.css | 3 |
3 files changed, 11 insertions, 13 deletions
diff --git a/src/css/dumbymap.css b/src/css/dumbymap.css index 999dab5..d84ec2b 100644 --- a/src/css/dumbymap.css +++ b/src/css/dumbymap.css | |||
@@ -144,6 +144,7 @@ root { | |||
144 | *:has(> nav) { | 144 | *:has(> nav) { |
145 | /* FIXME Hide nav at proper time */ | 145 | /* FIXME Hide nav at proper time */ |
146 | display: none; | 146 | display: none; |
147 | min-width: 120px; | ||
147 | padding: 0.5rem; | 148 | padding: 0.5rem; |
148 | 149 | ||
149 | position: absolute; | 150 | position: absolute; |
@@ -155,7 +156,6 @@ root { | |||
155 | border-radius: 0.5rem; | 156 | border-radius: 0.5rem; |
156 | 157 | ||
157 | background-color: white; | 158 | background-color: white; |
158 | min-width: 120px; | ||
159 | 159 | ||
160 | &:has(> nav:empty) { | 160 | &:has(> nav:empty) { |
161 | display: none; | 161 | display: none; |
@@ -220,13 +220,13 @@ root { | |||
220 | } | 220 | } |
221 | 221 | ||
222 | .Dumby { | 222 | .Dumby { |
223 | overflow: visible; | ||
223 | width: 100%; | 224 | width: 100%; |
224 | height: 100%; | 225 | height: 100%; |
225 | margin: 0 auto; | 226 | margin: 0 auto; |
226 | padding: 0; | 227 | padding: 0; |
227 | 228 | ||
228 | position: relative; | 229 | position: relative; |
229 | overflow: visible; | ||
230 | 230 | ||
231 | &::after { | 231 | &::after { |
232 | content: 'Layout: ' attr(data-layout); | 232 | content: 'Layout: ' attr(data-layout); |
@@ -335,10 +335,10 @@ root { | |||
335 | .SemanticHtml, | 335 | .SemanticHtml, |
336 | .Showcase { | 336 | .Showcase { |
337 | width: 50%; | 337 | width: 50%; |
338 | min-width: 20%; | ||
338 | 339 | ||
339 | position: absolute; | 340 | position: absolute; |
340 | top: 0; | 341 | top: 0; |
341 | min-width: 20%; | ||
342 | } | 342 | } |
343 | 343 | ||
344 | .SemanticHtml { | 344 | .SemanticHtml { |
@@ -506,6 +506,10 @@ root { | |||
506 | 506 | ||
507 | .dumby-block { | 507 | .dumby-block { |
508 | overflow: scroll; | 508 | overflow: scroll; |
509 | min-width: 5rem; | ||
510 | max-width: 25vw; | ||
511 | min-height: 5rem; | ||
512 | max-height: 50vh; | ||
509 | margin: 0; | 513 | margin: 0; |
510 | padding-block: 1rem 0; | 514 | padding-block: 1rem 0; |
511 | padding-inline: 1rem; | 515 | padding-inline: 1rem; |
@@ -517,10 +521,6 @@ root { | |||
517 | border-radius: 0.5rem; | 521 | border-radius: 0.5rem; |
518 | 522 | ||
519 | resize: both; | 523 | resize: both; |
520 | min-width: 5rem; | ||
521 | max-width: 25vw; | ||
522 | min-height: 5rem; | ||
523 | max-height: 50vh; | ||
524 | 524 | ||
525 | /* Remove indicator when inside draggable-block */ | 525 | /* Remove indicator when inside draggable-block */ |
526 | &::before { | 526 | &::before { |
@@ -613,6 +613,8 @@ root { | |||
613 | .menu { | 613 | .menu { |
614 | display: none; | 614 | display: none; |
615 | width: fit-content; | 615 | width: fit-content; |
616 | min-width: 10rem; | ||
617 | max-height: 40vh; | ||
616 | 618 | ||
617 | position: absolute; | 619 | position: absolute; |
618 | z-index: 9999; | 620 | z-index: 9999; |
@@ -621,8 +623,6 @@ root { | |||
621 | border-radius: 6px; | 623 | border-radius: 6px; |
622 | 624 | ||
623 | background: white; | 625 | background: white; |
624 | min-width: 10rem; | ||
625 | max-height: 40vh; | ||
626 | overflow-y: scroll; | 626 | overflow-y: scroll; |
627 | } | 627 | } |
628 | 628 | ||
diff --git a/src/css/index.css b/src/css/index.css index b13a45d..3efd286 100644 --- a/src/css/index.css +++ b/src/css/index.css | |||
@@ -41,7 +41,6 @@ body { | |||
41 | 41 | ||
42 | flex: 1 0 50%; | 42 | flex: 1 0 50%; |
43 | max-width: calc(50% - 0.5em); | 43 | max-width: calc(50% - 0.5em); |
44 | |||
45 | height: 100%; | 44 | height: 100%; |
46 | } | 45 | } |
47 | } | 46 | } |
@@ -110,9 +109,9 @@ body { | |||
110 | justify-content: space-between; | 109 | justify-content: space-between; |
111 | align-items: center; | 110 | align-items: center; |
112 | height: fit-content; | 111 | height: fit-content; |
112 | min-height: 2rem; | ||
113 | 113 | ||
114 | cursor: pointer; | 114 | cursor: pointer; |
115 | min-height: 2rem; | ||
116 | white-space: nowrap; | 115 | white-space: nowrap; |
117 | 116 | ||
118 | &:not(:first-child) { | 117 | &:not(:first-child) { |
diff --git a/src/css/style.css b/src/css/style.css index ecc7dd8..ce4d1ee 100644 --- a/src/css/style.css +++ b/src/css/style.css | |||
@@ -107,6 +107,7 @@ pre { | |||
107 | 107 | ||
108 | pre:has(code) { | 108 | pre:has(code) { |
109 | display: block; | 109 | display: block; |
110 | min-width: 400px; | ||
110 | margin: 0 0 10px; | 111 | margin: 0 0 10px; |
111 | padding: 9.5px; | 112 | padding: 9.5px; |
112 | 113 | ||
@@ -118,7 +119,6 @@ pre:has(code) { | |||
118 | color: #333; | 119 | color: #333; |
119 | font-size: 13px; | 120 | font-size: 13px; |
120 | line-height: 1.4286; | 121 | line-height: 1.4286; |
121 | min-width: 400px; | ||
122 | word-break: break-all; | 122 | word-break: break-all; |
123 | word-wrap: break-word; | 123 | word-wrap: break-word; |
124 | 124 | ||
@@ -167,7 +167,6 @@ th { | |||
167 | 167 | ||
168 | img { | 168 | img { |
169 | max-width: 100%; | 169 | max-width: 100%; |
170 | |||
171 | height: auto; | 170 | height: auto; |
172 | } | 171 | } |
173 | 172 | ||