mirror of
https://github.com/TryGhost/Ruby.git
synced 2024-10-29 20:38:33 +02:00
Fix bookmark styling
This commit is contained in:
parent
275c01e138
commit
8246493c6e
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -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;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user