diff options
Diffstat (limited to 'src/css')
-rw-r--r-- | src/css/dumbymap.css | 16 |
1 files changed, 10 insertions, 6 deletions
diff --git a/src/css/dumbymap.css b/src/css/dumbymap.css index 876d980..bbbd38c 100644 --- a/src/css/dumbymap.css +++ b/src/css/dumbymap.css | |||
@@ -148,11 +148,14 @@ | |||
148 | max-width: 25vw; | 148 | max-width: 25vw; |
149 | overflow: scroll; | 149 | overflow: scroll; |
150 | border: solid gray; | 150 | border: solid gray; |
151 | padding: 0.3rem; | ||
152 | padding-top: 0.5rem; | 151 | padding-top: 0.5rem; |
153 | padding-bottom: 0; | 152 | padding-bottom: 0; |
154 | resize: both; | 153 | resize: both; |
155 | 154 | ||
155 | * { | ||
156 | padding-inline: 0.5rem; | ||
157 | } | ||
158 | |||
156 | &[style*="height"], | 159 | &[style*="height"], |
157 | &[style*="width"] { | 160 | &[style*="width"] { |
158 | max-height: unset; | 161 | max-height: unset; |
@@ -161,23 +164,24 @@ | |||
161 | 164 | ||
162 | .map-container { | 165 | .map-container { |
163 | min-width: 200px; | 166 | min-width: 200px; |
167 | padding-inline: 0; | ||
164 | } | 168 | } |
165 | 169 | ||
166 | .draggable { | 170 | .draggable { |
167 | width: 100%; | ||
168 | display: block; | 171 | display: block; |
169 | top: 0; | 172 | top: 0; |
170 | left: 0; | ||
171 | position: sticky; | 173 | position: sticky; |
174 | background-color: white; | ||
172 | margin-bottom: -18px; | 175 | margin-bottom: -18px; |
173 | opacity: 0.3; | ||
174 | transform: translate(0, -16px); | 176 | transform: translate(0, -16px); |
177 | width: 100%; | ||
178 | padding-inline: 0; | ||
175 | text-align: center; | 179 | text-align: center; |
176 | z-index: 100; | 180 | z-index: 100; |
177 | transition: all 0.3s ease-out; | 181 | transition: all 0.3s ease-out; |
178 | &:hover { | 182 | &:hover { |
179 | background-color: lightgray; | 183 | background-color: #f1f1f1; |
180 | padding-top: 1em; | 184 | padding-block: 1em 0.5em; |
181 | } | 185 | } |
182 | } | 186 | } |
183 | } | 187 | } |