diff options
Diffstat (limited to 'src/css/dumbymap.css')
-rw-r--r-- | src/css/dumbymap.css | 23 |
1 files changed, 11 insertions, 12 deletions
diff --git a/src/css/dumbymap.css b/src/css/dumbymap.css index d31c97e..383c4ec 100644 --- a/src/css/dumbymap.css +++ b/src/css/dumbymap.css | |||
@@ -45,7 +45,7 @@ | |||
45 | } | 45 | } |
46 | } | 46 | } |
47 | 47 | ||
48 | #markdown { | 48 | .SemanticHtml { |
49 | flex: 1; | 49 | flex: 1; |
50 | padding: 20px; | 50 | padding: 20px; |
51 | overflow-y: scroll; | 51 | overflow-y: scroll; |
@@ -59,20 +59,19 @@ | |||
59 | background-color: white; | 59 | background-color: white; |
60 | margin-bottom: 3rem; | 60 | margin-bottom: 3rem; |
61 | 61 | ||
62 | * { | ||
63 | width: fit-content; | ||
64 | } | ||
65 | |||
66 | .draggable { | 62 | .draggable { |
67 | display: none; | 63 | display: none; |
68 | } | 64 | } |
69 | } | 65 | } |
70 | 66 | ||
71 | pre:has(.map-container) { | 67 | pre { |
72 | display: flex; | ||
73 | justify-content: flex-start; | ||
74 | width: 100%; | 68 | width: 100%; |
75 | background-color: inherit; | 69 | |
70 | &:has(.map-container) { | ||
71 | display: flex; | ||
72 | justify-content: flex-start; | ||
73 | background-color: inherit; | ||
74 | } | ||
76 | } | 75 | } |
77 | 76 | ||
78 | .map-container { | 77 | .map-container { |
@@ -122,7 +121,7 @@ | |||
122 | 121 | ||
123 | .result-html[data-layout=side] { | 122 | .result-html[data-layout=side] { |
124 | #map, | 123 | #map, |
125 | #markdown { | 124 | .SemanticHtml { |
126 | flex: 50%; | 125 | flex: 50%; |
127 | overflow-y: scroll; | 126 | overflow-y: scroll; |
128 | height: 100vh; | 127 | height: 100vh; |
@@ -131,13 +130,13 @@ | |||
131 | 130 | ||
132 | .result-html[data-layout=overlay] { | 131 | .result-html[data-layout=overlay] { |
133 | #map, | 132 | #map, |
134 | #markdown { | 133 | .SemanticHtml { |
135 | position: fixed; | 134 | position: fixed; |
136 | height: 100%; | 135 | height: 100%; |
137 | width: 100%; | 136 | width: 100%; |
138 | } | 137 | } |
139 | 138 | ||
140 | #markdown { | 139 | .SemanticHtml { |
141 | font-size: 12px; | 140 | font-size: 12px; |
142 | pointer-events: none; | 141 | pointer-events: none; |
143 | 142 | ||