oss/wallabag
oss/wallabag
1
0
Fork 0
mirror of https://github.com/wallabag/wallabag.git synced 2025-09-15 18:57:05 +00:00
Code Wiki Activity

Merge pull request #3894 from wallabag/issue-3851

Browse source 
material: hide creation date from card actions on specific sizes
This commit is contained in:
Kevin Decherf 2019-03-03 20:22:30 +01:00 • committed by GitHub
commit 4ae4fa7b89
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 22 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

5
app/Resources/static/themes/material/css/cards.scss
View file

@ -102,6 +102,11 @@ main {
display: inline-flex; display: inline-flex;
vertical-align: middle; vertical-align: middle;
.card-reading-time,
.card-created-at {
display: inline-flex;
}
span { span {
margin-right: 5px; margin-right: 5px;
} }

9
app/Resources/static/themes/material/css/media_queries.scss
View file

@ -174,3 +174,12 @@
padding: 0; padding: 0;
} }
} }
@media screen and (max-width: 310px),
screen and (min-width: 601px) and (max-width: 660px),
screen and (min-width: 993px) and (max-width: 1050px),
screen and (min-width: 1201px) and (max-width: 1250px) {
.card .card-action .reading-time .card-created-at {
display: none;
}
}

12
src/Wallabag/CoreBundle/Resources/views/themes/material/Entry/_card_actions.html.twig
View file

@ -1,9 +1,11 @@
<div class="card-action"> <div class="card-action">
<span class="reading-time grey-text"> <div class="reading-time grey-text">
{% include "@WallabagCore/themes/material/Entry/_reading_time.html.twig" with {'entry': entry} only %} <div class="card-reading-time">{% include "@WallabagCore/themes/material/Entry/_reading_time.html.twig" with {'entry': entry} only %}</div>
<i class="material-icons hide-on-med-and-down" title="{{ 'entry.view.created_at'|trans }}">today</i> <div class="card-created-at">
<span class="hide-on-med-and-down">&nbsp;{{ entry.createdAt|date('Y-m-d') }}</span> <i class="material-icons" title="{{ 'entry.view.created_at'|trans }}">today</i>
</span> <span>&nbsp;{{ entry.createdAt|date('Y-m-d') }}</span>
</div>
</div>
<ul class="tools right"> <ul class="tools right">
<li> <li>

2
web/wallassets/material.css
View file

File diff suppressed because one or more lines are too long