Commit f8196f783e989cd2c04642e1f2d7e1d21b4ef287
style lightbox so that it still works on tiny screens
Dominic Tarr committed on 7/30/2016, 11:12:06 AMParent: 0296a05dd03ffe0c6459f0ed6eaa38ab3af78180
Files changed
| style.css | changed |
| style.css | ||
|---|---|---|
| @@ -83,9 +83,8 @@ | ||
| 83 | 83 | width: 600px; |
| 84 | 84 | } |
| 85 | 85 | } |
| 86 | 86 | |
| 87 | - | |
| 88 | 87 | /* --- hypertabs ------- */ |
| 89 | 88 | |
| 90 | 89 | .hypertabs__tabs { |
| 91 | 90 | overflow-y: hide; |
| @@ -241,20 +240,28 @@ | ||
| 241 | 240 | } |
| 242 | 241 | |
| 243 | 242 | /* lightbox - used in message-confirm */ |
| 244 | 243 | |
| 245 | -.lightbox { | |
| 244 | +.lightbox__content { | |
| 246 | 245 | overflow: auto; |
| 247 | 246 | background: #fff; |
| 248 | - width: 600px; | |
| 247 | + width: 100%; | |
| 248 | + margin-left: auto; | |
| 249 | + margin-right: auto; | |
| 249 | 250 | border: 1px solid #eee; |
| 250 | 251 | top: 2em; |
| 251 | 252 | bottom: 2em; |
| 252 | 253 | left: 2em; |
| 253 | 254 | right: 2em; |
| 254 | 255 | padding: 1em; |
| 255 | 256 | } |
| 256 | 257 | |
| 258 | +@media (min-width: 600px) { | |
| 259 | + .lightbox__content { | |
| 260 | + width: 600px; | |
| 261 | + } | |
| 262 | +} | |
| 263 | + | |
| 257 | 264 | .message-confirm { |
| 258 | 265 | background: #fff; |
| 259 | 266 | } |
| 260 | 267 | |
| @@ -320,9 +327,4 @@ | ||
| 320 | 327 | height: 1px; |
| 321 | 328 | background: blue; |
| 322 | 329 | } |
| 323 | 330 | |
| 324 | - | |
| 325 | - | |
| 326 | - | |
| 327 | - | |
| 328 | - | |
Built with git-ssb-web