nik/FreedomBox
1
0
Fork 0
mirror of https://github.com/freedombox/FreedomBox.git synced 2026-05-20 10:34:30 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add tint effect on card icons under "Apps"

Browse Source 
Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
This commit is contained in:
Robert Martinez 2018-09-26 22:47:06 +02:00 committed by James Valleroy
parent 647139f17e
commit 4b0d48839e
No known key found for this signature in database
GPG Key ID: 77C0C75E7B650808
1 changed files with 21 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
static/themes/default/css/plinth.css
View File

@ -276,6 +276,27 @@ footer license-info p {
justify-content: center; justify-content: center;
} }
.card-icon img {
transition: filter 0.3s;
/* --- .installed ---*/
filter: contrast(0.2) sepia(1) hue-rotate(171deg) contrast(2);
/* TODO #1309: uninstalled state */
/* --- .uninstalled ---*/
/* filter: grayscale(1) opacity(0.5); */
/* --- .uninstalled:hover ---*/
/* filter: grayscale(1) opacity(1); */
}
/* #container-wrapper .card-icon img – is a bad hook! see #1349 */
.card:hover .card-icon img, #container-wrapper .card-icon img {
/* --- .installed:hover ---*/
filter: none;
}
a.menu_link { a.menu_link {
text-decoration: none; text-decoration: none;
} }