Adjusting content previews

This commit is contained in:
Samuel Clay 2021-03-15 16:36:49 -04:00
parent d40d1c501d
commit 69d1c2269a

View file

@ -1893,15 +1893,15 @@ hr {
} }
.NB-storytitles-content-preview { .NB-storytitles-content-preview {
margin: 3px 0; margin: 5px 0;
color: #B6B6B6; color: #B6B6B6;
font-size: 12px; font-size: 12px;
line-height: 1.2em; line-height: 1.3em;
overflow: hidden; overflow: hidden;
font-weight: normal; font-weight: normal;
text-overflow: ellipsis; text-overflow: ellipsis;
display: -webkit-box; display: -webkit-box;
-webkit-line-clamp: 1; -webkit-line-clamp: 2;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-box-sizing: border-box; -webkit-box-sizing: border-box;
@ -1912,28 +1912,34 @@ hr {
} }
.NB-story-pane-west .NB-storytitles-content-preview { .NB-story-pane-west .NB-storytitles-content-preview {
display: -webkit-box; display: -webkit-box;
-webkit-line-clamp: 2; -webkit-line-clamp: 4;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
overflow: hidden; overflow: hidden;
line-height: 16px; line-height: 16px;
height: auto; height: auto;
padding: 6px 0 0; padding: 6px 0 0;
} }
.NB-content-preview-small .NB-story-pane-west .NB-storytitles-content-preview { .NB-content-preview-small .NB-story-pane-west .NB-storytitles-content-preview {
/* Default */ -webkit-line-clamp: 2;
} }
.NB-content-preview-medium .NB-story-pane-west .NB-storytitles-content-preview { .NB-content-preview-medium .NB-story-pane-west .NB-storytitles-content-preview {
-webkit-line-clamp: 4; -webkit-line-clamp: 4;
} }
.NB-content-preview-large .NB-story-pane-west .NB-storytitles-content-preview {
-webkit-line-clamp: 6;
}
.NB-content-preview-small .NB-storytitles-content-preview {
-webkit-line-clamp: 1;
}
.NB-content-preview-medium .NB-storytitles-content-preview { .NB-content-preview-medium .NB-storytitles-content-preview {
-webkit-line-clamp: 2; -webkit-line-clamp: 2;
} }
.NB-content-preview-large .NB-storytitles-content-preview { .NB-content-preview-large .NB-storytitles-content-preview {
-webkit-line-clamp: 3; -webkit-line-clamp: 3;
} }
.NB-content-preview-large .NB-story-pane-west .NB-storytitles-content-preview {
-webkit-line-clamp: 6;
}
.NB-theme-feed-size-xs .NB-storytitles-content-preview { .NB-theme-feed-size-xs .NB-storytitles-content-preview {
font-size: 11px; font-size: 11px;
line-height: 13px; line-height: 13px;