mirror of
https://github.com/freedombox/FreedomBox.git
synced 2026-08-26 12:46:08 +00:00
apps: remove css filters and glow from app icons
Closes #1722 Signed-off-by: Veiko Aasa <veiko17@disroot.org> Reviewed-by: Sunil Mohan Adapa <sunil@medhas.org>
This commit is contained in:
parent
8f63590882
commit
87983461e0
@ -301,26 +301,6 @@ footer {
|
|||||||
justify-content: left;
|
justify-content: left;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Enabled app icons */
|
|
||||||
.apps-page .card-list-primary .card-icon img {
|
|
||||||
transition: filter 0.3s;
|
|
||||||
filter: contrast(0.2) sepia(1) hue-rotate(171deg) contrast(2);
|
|
||||||
}
|
|
||||||
|
|
||||||
.apps-page .card-list-primary .card:hover .card-icon img {
|
|
||||||
filter: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Disabled app icons */
|
|
||||||
.apps-page .card-list-disabled .card-icon img {
|
|
||||||
transition: filter 0.3s;
|
|
||||||
filter: grayscale(1) opacity(0.5);
|
|
||||||
}
|
|
||||||
|
|
||||||
.apps-page .card-list-disabled .card:hover .card-icon img {
|
|
||||||
filter: grayscale(1) opacity(1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-section-title {
|
.card-section-title {
|
||||||
display: flex;
|
display: flex;
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
@ -389,22 +369,6 @@ a.menu_link_active {
|
|||||||
font-size: 12px;
|
font-size: 12px;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Enable apps - green glow */
|
|
||||||
.card-list-primary .card-icon {
|
|
||||||
background: radial-gradient(farthest-side at bottom, #eefff0, white);
|
|
||||||
background-position: 50% 100%;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-size: 150% 25%;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Disabled apps - grey glow */
|
|
||||||
.card-list-disabled .card-icon {
|
|
||||||
background: radial-gradient(farthest-side at bottom, #f0f0f0, white);
|
|
||||||
background-position: 50% 100%;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-size: 150% 25%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.card-icon img {
|
.card-icon img {
|
||||||
width: 128px;
|
width: 128px;
|
||||||
height: 128px;
|
height: 128px;
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user