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

Change card text style and position

Browse Source 
This should close #1306 – changing text styles and position.

Reviewed-by: James Valleroy <jvalleroy@mailbox.org>
This commit is contained in:
Robert Martinez 2018-09-28 14:55:40 +02:00 committed by James Valleroy
parent 684cd7f6a1
commit 40335b5951
No known key found for this signature in database
GPG Key ID: 77C0C75E7B650808
2 changed files with 15 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
plinth/templates/cards.html
View File

@ -37,6 +37,7 @@
{% for item in submenu.sorted_items %} {% for item in submenu.sorted_items %}
<div class="card thumbnail"> <div class="card thumbnail">
<a href="{{ item.url }}" class="nav-link"> <a href="{{ item.url }}" class="nav-link">
<div class="card-title">{{ item.name }}</div>
<div class="card-icon"> <div class="card-icon">
{% if 'glyphicon-' in item.icon %} {% if 'glyphicon-' in item.icon %}
<span class="{{ item.icon }} glyphicon"></span> <span class="{{ item.icon }} glyphicon"></span>
@ -44,7 +45,6 @@
<img src="{% static 'theme/icons/' %}{{ item.icon }}.png"/> <img src="{% static 'theme/icons/' %}{{ item.icon }}.png"/>
{% endif %} {% endif %}
</div> </div>
<div class="card-title">{{ item.name }}</div>
<div class="card-description">{{ item.short_description}}</div> <div class="card-description">{{ item.short_description}}</div>
</a> </a>
</div> </div>

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

@ -327,21 +327,26 @@ a.menu_link_active {
.card .nav-link { .card .nav-link {
display: block; display: block;
padding: 20px 4px 4px 4px; padding: 4px;
} color: #646464;
.card-title, .card-description {
margin: 4px;
color: #333;
} }
.card-title { .card-title {
font-weight: bold; font-style: italic;
font-size: 1.75rem; font-weight: 800;
font-size: 20px;
padding: 12px 0;
} }
.card-description { .card-description {
font-size: small; font-size: 18px;
font-weight: 400;
padding: 12px 0;
}
.card-description {
color: #646464;
font-size: 12px;
} }
.card-icon { .card-icon {