ui: Rename page specific CSS classes

Fixes #1349.

Signed-off-by: Sunil Mohan Adapa <sunil@medhas.org>
Reviewed-by: Joseph Nuthalapati <njoseph@thoughtworks.com>
This commit is contained in:
Sunil Mohan Adapa 2019-01-15 14:23:09 -08:00 committed by Joseph Nuthalapati
parent 7279db3f2c
commit eb19c9a319
No known key found for this signature in database
GPG Key ID: 5398F00A2FA43C35
4 changed files with 13 additions and 20 deletions

View File

@ -21,6 +21,4 @@
{% load static %} {% load static %}
{% load i18n %} {% load i18n %}
{% block body_class %} {% block body_class %}apps-page{% endblock %}
background-apps
{% endblock %}

View File

@ -22,9 +22,7 @@
{% load static %} {% load static %}
{% block body_class %} {% block body_class %}index-page{% endblock %}
background-logo
{% endblock %}
{% block container %} {% block container %}

View File

@ -21,6 +21,4 @@
{% load static %} {% load static %}
{% load i18n %} {% load i18n %}
{% block body_class %} {% block body_class %}system-page{% endblock %}
background-system
{% endblock %}

View File

@ -284,7 +284,6 @@ footer license-info p {
} }
.card-icon img { .card-icon img {
transition: filter 0.3s; transition: filter 0.3s;
/* --- .installed ---*/ /* --- .installed ---*/
@ -295,12 +294,9 @@ footer license-info p {
/* filter: grayscale(1) opacity(0.5); */ /* filter: grayscale(1) opacity(0.5); */
/* --- .uninstalled:hover ---*/ /* --- .uninstalled:hover ---*/
/* filter: grayscale(1) opacity(1); */ /* filter: grayscale(1) opacity(1); */
} }
/* #container-wrapper .card-icon img is a bad hook! see #1349 */ .card:hover .card-icon img {
.card:hover .card-icon img, #container-wrapper .card-icon img {
/* --- .installed:hover ---*/
filter: none; filter: none;
} }
@ -388,9 +384,9 @@ a.menu_link_active {
margin: 0; margin: 0;
} }
.background-logo .card-list:before, .index-page .card-list:before,
.background-apps .card-list:before, .apps-page .card-list:before,
.background-system .card-list:before { .system-page .card-list:before {
position: relative; position: relative;
width: 40rem; width: 40rem;
height: 40rem; height: 40rem;
@ -400,16 +396,19 @@ a.menu_link_active {
top: -2rem; top: -2rem;
content: " "; content: " ";
background-size: 100%; background-size: 100%;
background-image: url('../img/freedombox-logo-background.svg');
background-repeat: no-repeat; background-repeat: no-repeat;
z-index: -1; z-index: -1;
} }
.background-apps .card-list:before { .index-page .card-list:before {
background-image: url('../img/freedombox-logo-background.svg');
}
.apps-page .card-list:before {
background-image: url('../img/apps-background.svg'); background-image: url('../img/apps-background.svg');
} }
.background-system .card-list:before { .system-page .card-list:before {
background-image: url('../img/system-background.svg'); background-image: url('../img/system-background.svg');
} }