oss/wallabag
oss/wallabag
1
0
Fork 0
mirror of https://github.com/wallabag/wallabag.git synced 2025-08-01 17:38:38 +00:00
Code Wiki Activity

CSS grid used for bloc mode entries and flex for card bloc

Browse source
This commit is contained in:
Simounet 2022-03-13 15:18:03 +01:00
parent f6bc76a8ce
commit 85e91f9e67
No known key found for this signature in database
GPG key ID: 77D3B7DC794EB770
6 changed files with 63 additions and 40 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -13,11 +13,6 @@ main {
}
}
.data .card .card-body {
height: 19em;
overflow: hidden;
}
@mixin mixin-reading-time {
.reading-time {
display: inline-flex;
@ -37,6 +32,16 @@ main {
}
.card {
display: flex;
margin: 0;
height: 100%;
flex-direction: column;
.card-content {
padding-bottom: 12px;
flex-grow: 1;
}
.card-content .card-title,
.card-reveal .card-title {
line-height: 22.8px;
@ -134,6 +139,12 @@ main {
}
}
.card-body {
display: flex;
flex-grow: 1;
flex-direction: column;
}
a.original:not(.waves-effect) {
text-overflow: ellipsis;
white-space: nowrap;
@ -311,3 +322,8 @@ a.original:not(.waves-effect) {
.settings .div_tabs {
padding-bottom: 15px;
}
.row {
display: grid;
gap: 20px;
}

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

@ -2,6 +2,12 @@
Media queries
========================================================================== */
@media only screen and (min-width: 450px) {
.row {
grid-template-columns: repeat(auto-fill, minmax(340px, 1fr));
}
}
@media only screen and (min-width: 992px) {
nav,
body:not(.entry):not(.login) main,