Updated dashboard.css

Better styling for thumbs view.
This ensures that extension names won't be cropped with certain fonts.

Increased non-hover opacity of checkboxes in thumbs view.
This commit is contained in:
Bobby Wibowo 2019-01-14 19:33:53 +07:00
parent b2ed4deda8
commit a71b06df2b
No known key found for this signature in database
GPG Key ID: 51C3A1E1E22D26CF
2 changed files with 12 additions and 5 deletions

View File

@ -103,10 +103,17 @@ ul#albumsContainer li {
}
.image-container .image {
overflow: hidden;
max-width: 100%;
max-height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 100%;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.image-container .checkbox {
@ -157,7 +164,7 @@ ul#albumsContainer li {
/* Make extra info appear on hover only on non-touch devices */
.no-touch .image-container .checkbox {
opacity: .25;
opacity: .5;
-webkit-transition: opacity .25s;
transition: opacity .25s;
}

View File

@ -15,7 +15,7 @@
v2: Images and config files (manifest.json, browserconfig.xml, etc).
v3: CSS and JS files (libs such as bulma, lazyload, etc).
#}
{% set v1 = "W3UU4Gpu9a" %}
{% set v1 = "kz2IMxLx9c" %}
{% set v2 = "hiboQUzAzp" %}
{% set v3 = "hiboQUzAzp" %}