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 i18n %}
{% block body_class %}
background-apps
{% endblock %}
{% block body_class %}apps-page{% endblock %}

View File

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

View File

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

View File

@ -284,7 +284,6 @@ footer license-info p {
}
.card-icon img {
transition: filter 0.3s;
/* --- .installed ---*/
@ -295,12 +294,9 @@ footer license-info p {
/* 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 ---*/
.card:hover .card-icon img {
filter: none;
}
@ -388,9 +384,9 @@ a.menu_link_active {
margin: 0;
}
.background-logo .card-list:before,
.background-apps .card-list:before,
.background-system .card-list:before {
.index-page .card-list:before,
.apps-page .card-list:before,
.system-page .card-list:before {
position: relative;
width: 40rem;
height: 40rem;
@ -400,16 +396,19 @@ a.menu_link_active {
top: -2rem;
content: " ";
background-size: 100%;
background-image: url('../img/freedombox-logo-background.svg');
background-repeat: no-repeat;
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-system .card-list:before {
.system-page .card-list:before {
background-image: url('../img/system-background.svg');
}