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

Tags list view improved

Browse source 
No text ellipsis so we can see the whole tag, better responsiveness, bigger
touch height on links.
This commit is contained in:
Simounet 2017-12-05 22:44:48 +01:00
parent 77a53ea724
commit 3e7d86b2c5
3 changed files with 46 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -160,10 +160,17 @@ a.original:not(.waves-effect) {
border-radius: 0 3px 3px 0;
color: #fff;
cursor: default;
max-height: 2em;
overflow: hidden;
}
.card-entry-labels li {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.card-tag-labels li {
display: flex;
justify-content: space-between;
}
.card-entry-tags a,
@ -176,6 +183,33 @@ a.original:not(.waves-effect) {
color: #fff;
}
.card-tag-labels a {
height: 100%;
align-items: center;
}
.card-tag-link {
display: flex;
min-width: 100px;
flex-grow: 1;
}
.card-tag-rss {
display: flex;
}
.card-tag-labels {
display: flex;
flex-wrap: wrap;
}
.card-tag-labels li {
margin: 10px;
flex-basis: 19%;
flex-grow: 1;
align-items: center;
}
.card-stacked {
display: flex;
flex-flow: row wrap;
@ -245,3 +279,9 @@ a.original:not(.waves-effect) {
.settings .div_tabs {
padding-bottom: 15px;
}
@media only screen and (min-width: 992px) {
.card-tag-labels li {
max-width: 50%;
}
}