From 87983461e09b6dd49e73f7317039efa13dfd902b Mon Sep 17 00:00:00 2001 From: Veiko Aasa Date: Wed, 12 Feb 2020 12:45:18 +0200 Subject: [PATCH] apps: remove css filters and glow from app icons Closes #1722 Signed-off-by: Veiko Aasa Reviewed-by: Sunil Mohan Adapa --- static/themes/default/css/plinth.css | 36 ---------------------------- 1 file changed, 36 deletions(-) diff --git a/static/themes/default/css/plinth.css b/static/themes/default/css/plinth.css index 6c3808c7e..2d4417fff 100644 --- a/static/themes/default/css/plinth.css +++ b/static/themes/default/css/plinth.css @@ -301,26 +301,6 @@ footer { 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 { display: flex; font-style: italic; @@ -389,22 +369,6 @@ a.menu_link_active { 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 { width: 128px; height: 128px;