Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-10 23:36:14 -05:00
Code Issues Activity

Improved bookmark card mobile styling

Browse source
This commit is contained in:
Sodbileg Gansukh 2021-11-25 13:55:44 +08:00
parent 62dcabc236
commit 48e1abae52
1 changed files with 7 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
core/frontend/src/cards/css/bookmark.css
View file

@ -21,6 +21,7 @@
align-items: flex-start; align-items: flex-start;
justify-content: flex-start; justify-content: flex-start;
padding: 20px; padding: 20px;
overflow: hidden;
} }
.kg-bookmark-title { .kg-bookmark-title {
@ -49,6 +50,7 @@
width: 100%; width: 100%;
font-size: 1.4rem; font-size: 1.4rem;
font-weight: 500; font-weight: 500;
white-space: nowrap;
} }
.kg-bookmark-metadata > *:not(img) { .kg-bookmark-metadata > *:not(img) {
@ -84,6 +86,11 @@
margin: 0 6px; margin: 0 6px;
} }
.kg-bookmark-metadata > span:last-of-type {
overflow: hidden;
text-overflow: ellipsis;
}
.kg-bookmark-thumbnail { .kg-bookmark-thumbnail {
position: relative; position: relative;
flex-grow: 1; flex-grow: 1;