nik/FreedomBox
1
0
Fork 0
mirror of https://github.com/freedombox/FreedomBox.git synced 2026-03-11 09:04:54 +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 %}
<div class="card thumbnail">
<a href="{{ item.url }}" class="nav-link">
<div class="card-title">{{ item.name }}</div>
<div class="card-icon">
{% if 'glyphicon-' in item.icon %}
<span class="{{ item.icon }} glyphicon"></span>
@ -44,7 +45,6 @@
<img src="{% static 'theme/icons/' %}{{ item.icon }}.png"/>
{% endif %}
</div>
<div class="card-title">{{ item.name }}</div>
<div class="card-description">{{ item.short_description}}</div>
</a>
</div>

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

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