public-mirrors/NewsBlur
1
0
Fork 0
mirror of https://github.com/samuelclay/NewsBlur.git synced 2025-09-18 21:50:56 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Image previews now look great in magazine view. This is ready to ship?

Browse source
This commit is contained in:
Samuel Clay 2022-02-23 12:27:19 -05:00
parent 2372fec42b
commit 6349185f40
1 changed files with 42 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

49
media/css/reader/reader.css
View file

@ -2985,14 +2985,49 @@ body {
top: 12px;
border-radius: 6px;
}
.NB-image-preview-small-left .NB-layout-magazine .NB-storytitles-story-image {
width: 250px;
height: 80%;
top: 20%;
.NB-image-preview-small-left .NB-layout-magazine .NB-storytitles-story-image-container,
.NB-image-preview-large-left .NB-layout-magazine .NB-storytitles-story-image-container {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
width: 362px;
height: 100%;
top: 0;
left: 8px;
}
.NB-image-preview-large-left .NB-layout-magazine .NB-storytitles-story-image {
width: 350px;
height: 94%;
.NB-image-preview-small-left .NB-layout-magazine .NB-storytitles-story-image,
.NB-image-preview-small-right .NB-layout-magazine .NB-storytitles-story-image {
top: auto;
right: auto;
left: auto;
width: 70%;
height: 70%;
background-size: cover;
background-position: center;
border-radius: 12px;
}
.NB-image-preview-large-left .NB-layout-magazine .NB-storytitles-story-image,
.NB-image-preview-large-right .NB-layout-magazine .NB-storytitles-story-image {
top: auto;
right: auto;
left: auto;
width: 96%;
height: 100%;
background-size: cover;
background-position: center;
border-radius: 0;
}
.NB-image-preview-small-right .NB-layout-magazine .NB-storytitles-story-image-container,
.NB-image-preview-large-right .NB-layout-magazine .NB-storytitles-story-image-container {
position: absolute;
display: flex;
align-items: center;
justify-content: center;
width: 362px;
height: 100%;
top: 0;
right: 8px;
}
.NB-image-preview-small-left.NB-story-layout-list .NB-storytitles-story-image,
.NB-image-preview-small-right.NB-story-layout-list .NB-storytitles-story-image,