Commit db24205038aaf0d14c2a2bbe170207ad6b54838e
minor tweaks to styles. search is now the right height, and the status light is centered
Ev Bogue committed on 9/6/2016, 11:33:04 PMParent: 36fe7f893ca8db2aca11a868d8a6c3f8ec2b9cef
Files changed
| style.css | changed |
| style.css | |||
|---|---|---|---|
| @@ -210,31 +210,18 @@ | |||
| 210 | 210 … | ||
| 211 | 211 … | /* searchprompt */ | |
| 212 | 212 … | ||
| 213 | 213 … | .searchprompt { | |
| 214 | - width: 17em; | ||
| 215 | - margin-left: .5ex; | ||
| 216 | - margin-bottom: .5ex; | ||
| 214 … | + width: 100%; | ||
| 215 … | + height: 2.55em; | ||
| 217 | 216 … | } | |
| 218 | 217 … | ||
| 219 | 218 … | /* TextNodeSearcher highlights */ | |
| 220 | 219 … | ||
| 221 | 220 … | .highlight { | |
| 222 | 221 … | background: yellow; | |
| 223 | 222 … | } | |
| 224 | 223 … | ||
| 225 | -/* --- network status --- */ | ||
| 226 | - | ||
| 227 | -.status { | ||
| 228 | - width: 20px; | ||
| 229 | - height: 20px; | ||
| 230 | - background: green; | ||
| 231 | -} | ||
| 232 | - | ||
| 233 | -.error { | ||
| 234 | - background: red; | ||
| 235 | -} | ||
| 236 | - | ||
| 237 | 224 … | /* avatar editor */ | |
| 238 | 225 … | ||
| 239 | 226 … | .hypercrop__canvas { | |
| 240 | 227 … | width: 100%; | |
| @@ -257,8 +244,9 @@ | |||
| 257 | 244 … | ||
| 258 | 245 … | .status { | |
| 259 | 246 … | width: .7em; | |
| 260 | 247 … | height: .7em; | |
| 248 … | + margin: .7em; | ||
| 261 | 249 … | border-radius: 100%; | |
| 262 | 250 … | background: green; | |
| 263 | 251 … | } | |
| 264 | 252 … | ||
| @@ -288,13 +276,14 @@ | |||
| 288 | 276 … | ||
| 289 | 277 … | .header { | |
| 290 | 278 … | background: lightgray; | |
| 291 | 279 … | border-bottom: 2px inset; | |
| 292 | - flex-shrink: 0; //I don't understand why this is needed, but it breaks without this. | ||
| 280 … | + flex-shrink: 0; | ||
| 293 | 281 … | } | |
| 294 | 282 … | ||
| 295 | 283 … | .header__tabs { | |
| 296 | - width: 100%; min-width: 0px; | ||
| 284 … | + width: 100%; | ||
| 285 … | + min-width: 0px; | ||
| 297 | 286 … | } | |
| 298 | 287 … | ||
| 299 | 288 … | /* --- hypertabs ------- */ | |
| 300 | 289 … | ||
| @@ -322,10 +311,11 @@ | |||
| 322 | 311 … | //border-top-right-radius: 3px; | |
| 323 | 312 … | border-top-left-radius: 5px; | |
| 324 | 313 … | margin-left: -3px; | |
| 325 | 314 … | border-bottom: none; | |
| 326 | - padding: 0.5em; | ||
| 327 | - width: 100%; //stretch tabs to fill the space | ||
| 315 … | + padding-top: .35em; | ||
| 316 … | + padding-left: .5em; | ||
| 317 … | + width: 100%; | ||
| 328 | 318 … | } | |
| 329 | 319 … | ||
| 330 | 320 … | .hypertabs__tab > a { | |
| 331 | 321 … | color: black; | |
| @@ -342,9 +332,9 @@ | |||
| 342 | 332 … | .hypertabs__x { | |
| 343 | 333 … | display: none; //hide x on unselected tabs, like in firefox. | |
| 344 | 334 … | //margin-right: -5px; | |
| 345 | 335 … | //margin-top: -5px; | |
| 346 | - transform: translate(5px, -5px); | ||
| 336 … | + transform: translate(-5px, -3px); | ||
| 347 | 337 … | } | |
| 348 | 338 … | ||
| 349 | 339 … | .hypertabs--selected .hypertabs__x { | |
| 350 | 340 … | display: block; | |
Built with git-ssb-web