aboutsummaryrefslogtreecommitdiffhomepage
path: root/src
diff options
context:
space:
mode:
Diffstat (limited to 'src')
-rw-r--r--src/css/dumbymap.css8
-rw-r--r--src/css/index.css16
2 files changed, 13 insertions, 11 deletions
diff --git a/src/css/dumbymap.css b/src/css/dumbymap.css
index 3a3e0ce..f6275ab 100644
--- a/src/css/dumbymap.css
+++ b/src/css/dumbymap.css
@@ -421,6 +421,8 @@ root {
421 421
422.utils { 422.utils {
423 display: flex; 423 display: flex;
424 padding-block: 1rem;
425 padding-inline: 1rem;
424 426
425 position: absolute; 427 position: absolute;
426 left: 100%; 428 left: 100%;
@@ -431,8 +433,6 @@ root {
431 visibility: hidden; 433 visibility: hidden;
432 434
433 gap: 6px; 435 gap: 6px;
434 padding-inline: 1rem;
435 padding-block: 1rem;
436 436
437 &:hover { 437 &:hover {
438 visibility: visible; 438 visibility: visible;
@@ -507,6 +507,8 @@ root {
507 .dumby-block { 507 .dumby-block {
508 overflow: scroll; 508 overflow: scroll;
509 margin: 0; 509 margin: 0;
510 padding-block: 1rem 0;
511 padding-inline: 1rem;
510 512
511 position: relative; 513 position: relative;
512 514
@@ -519,8 +521,6 @@ root {
519 max-width: 25vw; 521 max-width: 25vw;
520 min-height: 5rem; 522 min-height: 5rem;
521 max-height: 50vh; 523 max-height: 50vh;
522 padding-inline: 1rem;
523 padding-block: 1rem 0;
524 524
525 /* Remove indicator when inside draggable-block */ 525 /* Remove indicator when inside draggable-block */
526 &::before { 526 &::before {
diff --git a/src/css/index.css b/src/css/index.css
index ccb6021..069bf85 100644
--- a/src/css/index.css
+++ b/src/css/index.css
@@ -56,16 +56,15 @@ body {
56 gap: 0.5em; 56 gap: 0.5em;
57 57
58 .CodeMirror { 58 .CodeMirror {
59 order: 1;
60
61 flex: 1 0 0; 59 flex: 1 0 0;
60 padding-inline: 0;
62 61
63 border: var(--content-border); 62 border: var(--content-border);
64 border-radius: var(--content-border-radius); 63 border-radius: var(--content-border-radius);
65 padding-inline: 0;
66 64
67 font-family: monospace; 65 font-family: monospace;
68 font-size: 1rem; 66 font-size: 1rem;
67 order: 1;
69 68
70 &.focus { 69 &.focus {
71 border: var(--content-focus-border); 70 border: var(--content-focus-border);
@@ -170,19 +169,21 @@ body {
170 padding: 0.5rem; 169 padding: 0.5rem;
171 170
172 z-index: 9999; 171 z-index: 9999;
173 text-wrap: nowrap;
174 172
175 cursor: pointer;
176 border: 2px solid transparent; 173 border: 2px solid transparent;
177 border-radius: 5px; 174 border-radius: 5px;
178 175
176 cursor: pointer;
177 text-wrap: nowrap;
178
179 &:hover { 179 &:hover {
180 background: rgb(226 232 240); 180 background: rgb(226 232 240);
181 } 181 }
182 182
183 .info { 183 .info {
184 color: steelblue;
185 padding-inline: 1em; 184 padding-inline: 1em;
185
186 color: steelblue;
186 font-weight: bold; 187 font-weight: bold;
187 } 188 }
188} 189}
@@ -192,8 +193,8 @@ body {
192} 193}
193 194
194.sub-menu { 195.sub-menu {
195 width: fit-content;
196 overflow: scroll; 196 overflow: scroll;
197 width: fit-content;
197 198
198 position: absolute; 199 position: absolute;
199 z-index: 100; 200 z-index: 100;
@@ -204,6 +205,7 @@ body {
204 background: white; 205 background: white;
205 min-width: 6rem; 206 min-width: 6rem;
206 max-height: 40vh; 207 max-height: 40vh;
208
207 .menu-item { 209 .menu-item {
208 margin: 0 auto; 210 margin: 0 auto;
209 padding-inline: 0.5em; 211 padding-inline: 0.5em;