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

Graceful collapse on narrow screens.

Browse source
This commit is contained in:
Samuel Clay 2020-12-21 19:23:46 -05:00
parent a6a5a7554d
commit 4983e4ec4f
1 changed files with 17 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

20
media/css/reader.css
View file

@ -159,7 +159,7 @@ hr {
}
.NB-account-right {
flex: 1.2;
margin: 0 0 28px 0;
margin: 0 0 34px 0;
}
.NB-account {
display: flex;
@ -5297,8 +5297,22 @@ form.opml_import_form input {
max-width: 1200px;
display: flex;
flex-direction: row;
flex-flow: row wrap;
position: relative;
}
@media screen and (max-width: 1100px) {
.NB-splash-modules .NB-modules-center,
.NB-splash-modules .NB-account-wide {
flex: 1 1 auto;
}
.NB-splash-modules .NB-modules-center {
margin-right: 0;
}
.NB-splash-modules .NB-account-wide {
max-width: none;
margin: 0 24px;
}
}
.NB-splash-info {
width: 100%;
height: 55px;
@ -6889,7 +6903,7 @@ form.opml_import_form input {
}
.NB-modules-center .NB-module {
margin: 0 0 48px;
margin: 0 0 54px;
clear: both;
}
.NB-module-river .NB-story-title-container:first-child .NB-story-title {
@ -6946,7 +6960,7 @@ form.opml_import_form input {
}
.NB-module-features .NB-feedback-table {
margin-bottom: 42px;
margin-bottom: 48px;
}
.NB-module-features .NB-features-add {
float: left;