public/tt-rss
1
0
Fork 0
mirror of https://git.tt-rss.org/git/tt-rss.git synced 2025-12-18 15:41:30 +00:00
Code Issues Releases Wiki Activity

instead of a fixed column layout, fit based on minimum column size

Browse Source
This commit is contained in:
Andrew Dolgov
2021-03-10 16:14:42 +03:00
parent 5bc47451e1
commit fb89c3bad0
6 changed files with 244 additions and 256 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
themes/compact.css
View File

@@ -647,10 +647,9 @@ body.ttrss_main #headlines-wrap-inner {
body.ttrss_main #headlines-frame[data-is-vfeed="false"] .header .feed { body.ttrss_main #headlines-frame[data-is-vfeed="false"] .header .feed {
display: none; display: none;
} }
@media screen and (min-width: 1500px) {
body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] { body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] {
display: grid; display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
background-color: #f5f5f5; background-color: #f5f5f5;
grid-gap: 8px; grid-gap: 8px;
padding: 8px; padding: 8px;
@@ -688,8 +687,7 @@ body.ttrss_main #headlines-frame[data-is-vfeed="false"] .header .feed {
body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] #headlines-spacer, body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] #headlines-spacer,
body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .whiteBox, body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .whiteBox,
body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .feed-title { body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .feed-title {
grid-column: span 2; grid-column: 1 / -1;
}
} }
body.ttrss_main #headlines-frame { body.ttrss_main #headlines-frame {
padding: 0px; padding: 0px;

6
themes/compact_night.css
View File

@@ -647,10 +647,9 @@ body.ttrss_main #headlines-wrap-inner {
body.ttrss_main #headlines-frame[data-is-vfeed="false"] .header .feed { body.ttrss_main #headlines-frame[data-is-vfeed="false"] .header .feed {
display: none; display: none;
} }
@media screen and (min-width: 1500px) {
body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] { body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] {
display: grid; display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
background-color: #222; background-color: #222;
grid-gap: 8px; grid-gap: 8px;
padding: 8px; padding: 8px;
@@ -688,8 +687,7 @@ body.ttrss_main #headlines-frame[data-is-vfeed="false"] .header .feed {
body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] #headlines-spacer, body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] #headlines-spacer,
body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .whiteBox, body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .whiteBox,
body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .feed-title { body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .feed-title {
grid-column: span 2; grid-column: 1 / -1;
}
} }
body.ttrss_main #headlines-frame { body.ttrss_main #headlines-frame {
padding: 0px; padding: 0px;

6
themes/light.css
View File

@@ -647,10 +647,9 @@ body.ttrss_main #headlines-wrap-inner {
body.ttrss_main #headlines-frame[data-is-vfeed="false"] .header .feed { body.ttrss_main #headlines-frame[data-is-vfeed="false"] .header .feed {
display: none; display: none;
} }
@media screen and (min-width: 1500px) {
body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] { body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] {
display: grid; display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
background-color: #f5f5f5; background-color: #f5f5f5;
grid-gap: 8px; grid-gap: 8px;
padding: 8px; padding: 8px;
@@ -688,8 +687,7 @@ body.ttrss_main #headlines-frame[data-is-vfeed="false"] .header .feed {
body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] #headlines-spacer, body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] #headlines-spacer,
body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .whiteBox, body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .whiteBox,
body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .feed-title { body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .feed-title {
grid-column: span 2; grid-column: 1 / -1;
}
} }
body.ttrss_main #headlines-frame { body.ttrss_main #headlines-frame {
padding: 0px; padding: 0px;

6
themes/light/tt-rss.less
View File

@@ -755,10 +755,9 @@ body.ttrss_main {
display : none; display : none;
} }
@media screen and (min-width: 1500px) {
#headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] { #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] {
display : grid; display : grid;
grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
background-color: @color-panel-bg; background-color: @color-panel-bg;
grid-gap : 8px; grid-gap : 8px;
padding : 8px; padding : 8px;
@@ -804,8 +803,7 @@ body.ttrss_main {
} }
#headlines-spacer, .whiteBox, .feed-title { #headlines-spacer, .whiteBox, .feed-title {
grid-column : span 2; grid-column : 1 e("/") -1;
}
} }
} }

6
themes/night.css
View File

@@ -648,10 +648,9 @@ body.ttrss_main #headlines-wrap-inner {
body.ttrss_main #headlines-frame[data-is-vfeed="false"] .header .feed { body.ttrss_main #headlines-frame[data-is-vfeed="false"] .header .feed {
display: none; display: none;
} }
@media screen and (min-width: 1500px) {
body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] { body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] {
display: grid; display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
background-color: #222; background-color: #222;
grid-gap: 8px; grid-gap: 8px;
padding: 8px; padding: 8px;
@@ -689,8 +688,7 @@ body.ttrss_main #headlines-frame[data-is-vfeed="false"] .header .feed {
body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] #headlines-spacer, body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] #headlines-spacer,
body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .whiteBox, body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .whiteBox,
body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .feed-title { body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .feed-title {
grid-column: span 2; grid-column: 1 / -1;
}
} }
body.ttrss_main #headlines-frame { body.ttrss_main #headlines-frame {
padding: 0px; padding: 0px;

6
themes/night_blue.css
View File

@@ -648,10 +648,9 @@ body.ttrss_main #headlines-wrap-inner {
body.ttrss_main #headlines-frame[data-is-vfeed="false"] .header .feed { body.ttrss_main #headlines-frame[data-is-vfeed="false"] .header .feed {
display: none; display: none;
} }
@media screen and (min-width: 1500px) {
body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] { body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] {
display: grid; display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
background-color: #222; background-color: #222;
grid-gap: 8px; grid-gap: 8px;
padding: 8px; padding: 8px;
@@ -689,8 +688,7 @@ body.ttrss_main #headlines-frame[data-is-vfeed="false"] .header .feed {
body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] #headlines-spacer, body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] #headlines-spacer,
body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .whiteBox, body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .whiteBox,
body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .feed-title { body.ttrss_main #headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] .feed-title {
grid-column: span 2; grid-column: 1 / -1;
}
} }
body.ttrss_main #headlines-frame { body.ttrss_main #headlines-frame {
padding: 0px; padding: 0px;