instead of a fixed column layout, fit based on minimum column size
This commit is contained in:
parent
5bc47451e1
commit
fb89c3bad0
|
@ -647,10 +647,9 @@ body.ttrss_main #headlines-wrap-inner {
|
|||
body.ttrss_main #headlines-frame[data-is-vfeed="false"] .header .feed {
|
||||
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"] {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
|
||||
background-color: #f5f5f5;
|
||||
grid-gap: 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"] .whiteBox,
|
||||
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 {
|
||||
padding: 0px;
|
||||
|
|
|
@ -647,10 +647,9 @@ body.ttrss_main #headlines-wrap-inner {
|
|||
body.ttrss_main #headlines-frame[data-is-vfeed="false"] .header .feed {
|
||||
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"] {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
|
||||
background-color: #222;
|
||||
grid-gap: 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"] .whiteBox,
|
||||
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 {
|
||||
padding: 0px;
|
||||
|
|
|
@ -647,10 +647,9 @@ body.ttrss_main #headlines-wrap-inner {
|
|||
body.ttrss_main #headlines-frame[data-is-vfeed="false"] .header .feed {
|
||||
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"] {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
|
||||
background-color: #f5f5f5;
|
||||
grid-gap: 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"] .whiteBox,
|
||||
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 {
|
||||
padding: 0px;
|
||||
|
|
|
@ -755,10 +755,9 @@ body.ttrss_main {
|
|||
display : none;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1500px) {
|
||||
#headlines-frame[data-is-cdm="true"][data-is-cdm-expanded="true"][data-enable-grid="true"] {
|
||||
display : grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
|
||||
background-color: @color-panel-bg;
|
||||
grid-gap : 8px;
|
||||
padding : 8px;
|
||||
|
@ -804,8 +803,7 @@ body.ttrss_main {
|
|||
}
|
||||
|
||||
#headlines-spacer, .whiteBox, .feed-title {
|
||||
grid-column : span 2;
|
||||
}
|
||||
grid-column : 1 e("/") -1;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -648,10 +648,9 @@ body.ttrss_main #headlines-wrap-inner {
|
|||
body.ttrss_main #headlines-frame[data-is-vfeed="false"] .header .feed {
|
||||
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"] {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
|
||||
background-color: #222;
|
||||
grid-gap: 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"] .whiteBox,
|
||||
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 {
|
||||
padding: 0px;
|
||||
|
|
|
@ -648,10 +648,9 @@ body.ttrss_main #headlines-wrap-inner {
|
|||
body.ttrss_main #headlines-frame[data-is-vfeed="false"] .header .feed {
|
||||
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"] {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
grid-template-columns: repeat(auto-fit, minmax(600px, 1fr));
|
||||
background-color: #222;
|
||||
grid-gap: 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"] .whiteBox,
|
||||
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 {
|
||||
padding: 0px;
|
||||
|
|
Loading…
Reference in New Issue