diff options
| -rw-r--r-- | src/css/dumbymap.css | 13 |
1 files changed, 9 insertions, 4 deletions
diff --git a/src/css/dumbymap.css b/src/css/dumbymap.css index bbbd38c..0e24785 100644 --- a/src/css/dumbymap.css +++ b/src/css/dumbymap.css | |||
| @@ -152,7 +152,7 @@ | |||
| 152 | padding-bottom: 0; | 152 | padding-bottom: 0; |
| 153 | resize: both; | 153 | resize: both; |
| 154 | 154 | ||
| 155 | * { | 155 | > * { |
| 156 | padding-inline: 0.5rem; | 156 | padding-inline: 0.5rem; |
| 157 | } | 157 | } |
| 158 | 158 | ||
| @@ -171,17 +171,22 @@ | |||
| 171 | display: block; | 171 | display: block; |
| 172 | top: 0; | 172 | top: 0; |
| 173 | position: sticky; | 173 | position: sticky; |
| 174 | background-color: white; | 174 | background: linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,1) 60%); |
| 175 | margin-bottom: -18px; | 175 | margin-bottom: -18px; |
| 176 | transform: translate(0, -16px); | 176 | transform: translate(0, -16px); |
| 177 | width: 100%; | 177 | width: 100%; |
| 178 | padding-inline: 0; | 178 | padding-inline: 0; |
| 179 | padding-bottom: 2em; | ||
| 179 | text-align: center; | 180 | text-align: center; |
| 180 | z-index: 100; | 181 | z-index: 9999; |
| 181 | transition: all 0.3s ease-out; | 182 | transition: all 0.3s ease-out; |
| 182 | &:hover { | 183 | &:hover { |
| 183 | background-color: #f1f1f1; | 184 | background: #e1e1e1; |
| 184 | padding-block: 1em 0.5em; | 185 | padding-block: 1em 0.5em; |
| 186 | & ~ * { | ||
| 187 | opacity: 0.7; | ||
| 188 | color: gray; | ||
| 189 | } | ||
| 185 | } | 190 | } |
| 186 | } | 191 | } |
| 187 | } | 192 | } |