Fix bookmark styling

This commit is contained in:
Sodbileg Gansukh 2020-11-09 13:44:58 +08:00
parent 275c01e138
commit 8246493c6e
3 changed files with 12 additions and 6 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -64,7 +64,7 @@
.kg-bookmark-title { .kg-bookmark-title {
color: var(--dark-gray-color); color: var(--dark-gray-color);
font-size: 18px; font-size: 16px;
line-height: 1.3; line-height: 1.3;
font-weight: 700; font-weight: 700;
} }
@ -73,15 +73,17 @@
overflow: hidden; overflow: hidden;
margin-top: 5px; margin-top: 5px;
color: var(--secondary-text-color); color: var(--secondary-text-color);
font-size: 14px;
text-overflow: ellipsis; text-overflow: ellipsis;
white-space: nowrap; white-space: nowrap;
} }
.kg-bookmark-metadata { .kg-bookmark-metadata {
display: flex; display: flex;
flex-wrap: wrap;
align-items: center; align-items: center;
margin-top: 5px; margin-top: 5px;
font-size: 14px; font-size: 12px;
} }
.kg-bookmark-icon { .kg-bookmark-icon {
@ -103,8 +105,7 @@
.kg-bookmark-thumbnail { .kg-bookmark-thumbnail {
position: relative; position: relative;
flex-shrink: 0; flex-shrink: 0;
margin-left: 20px; width: 180px;
width: 300px;
} }
.kg-bookmark-thumbnail img { .kg-bookmark-thumbnail img {
@ -112,6 +113,7 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; object-fit: cover;
border-radius: 0 4px 4px 0;
} }
@media (max-width: 767px) { @media (max-width: 767px) {
@ -124,4 +126,8 @@
width: 100%; width: 100%;
height: 200px; height: 200px;
} }
.kg-bookmark-thumbnail img {
border-radius: 0 0 4px 4px;
}
} }