combined mode: prevent left part of footer pushing right part out of viewport
This commit is contained in:
parent
cddbf5bf5a
commit
0f9488ace0
|
@ -1299,12 +1299,6 @@ body.ttrss_utility hr {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
.cdm .header .tags {
|
|
||||||
max-width: 50%;
|
|
||||||
overflow: hidden;
|
|
||||||
white-space: nowrap;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
}
|
|
||||||
.cdm .footer {
|
.cdm .footer {
|
||||||
height: 30px;
|
height: 30px;
|
||||||
padding-left: 5px;
|
padding-left: 5px;
|
||||||
|
@ -1323,6 +1317,7 @@ body.ttrss_utility hr {
|
||||||
}
|
}
|
||||||
.cdm .footer .left {
|
.cdm .footer .left {
|
||||||
flex-grow: 2;
|
flex-grow: 2;
|
||||||
|
min-width: 0;
|
||||||
}
|
}
|
||||||
.cdm .footer .left > * {
|
.cdm .footer .left > * {
|
||||||
margin-right: 4px;
|
margin-right: 4px;
|
||||||
|
@ -1330,6 +1325,12 @@ body.ttrss_utility hr {
|
||||||
.cdm .footer .right > * {
|
.cdm .footer .right > * {
|
||||||
margin-left: 4px;
|
margin-left: 4px;
|
||||||
}
|
}
|
||||||
|
.cdm .footer .tags {
|
||||||
|
max-width: 50%;
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
.cdm .content-inner {
|
.cdm .content-inner {
|
||||||
margin: 10px;
|
margin: 10px;
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
|
|
|
@ -1299,12 +1299,6 @@ body.ttrss_utility hr {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
.cdm .header .tags {
|
|
||||||
max-width: 50%;
|
|
||||||
overflow: hidden;
|
|
||||||
white-space: nowrap;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
}
|
|
||||||
.cdm .footer {
|
.cdm .footer {
|
||||||
height: 30px;
|
height: 30px;
|
||||||
padding-left: 5px;
|
padding-left: 5px;
|
||||||
|
@ -1323,6 +1317,7 @@ body.ttrss_utility hr {
|
||||||
}
|
}
|
||||||
.cdm .footer .left {
|
.cdm .footer .left {
|
||||||
flex-grow: 2;
|
flex-grow: 2;
|
||||||
|
min-width: 0;
|
||||||
}
|
}
|
||||||
.cdm .footer .left > * {
|
.cdm .footer .left > * {
|
||||||
margin-right: 4px;
|
margin-right: 4px;
|
||||||
|
@ -1330,6 +1325,12 @@ body.ttrss_utility hr {
|
||||||
.cdm .footer .right > * {
|
.cdm .footer .right > * {
|
||||||
margin-left: 4px;
|
margin-left: 4px;
|
||||||
}
|
}
|
||||||
|
.cdm .footer .tags {
|
||||||
|
max-width: 50%;
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
.cdm .content-inner {
|
.cdm .content-inner {
|
||||||
margin: 10px;
|
margin: 10px;
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
|
|
|
@ -1299,12 +1299,6 @@ body.ttrss_utility hr {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
.cdm .header .tags {
|
|
||||||
max-width: 50%;
|
|
||||||
overflow: hidden;
|
|
||||||
white-space: nowrap;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
}
|
|
||||||
.cdm .footer {
|
.cdm .footer {
|
||||||
height: 30px;
|
height: 30px;
|
||||||
padding-left: 5px;
|
padding-left: 5px;
|
||||||
|
@ -1323,6 +1317,7 @@ body.ttrss_utility hr {
|
||||||
}
|
}
|
||||||
.cdm .footer .left {
|
.cdm .footer .left {
|
||||||
flex-grow: 2;
|
flex-grow: 2;
|
||||||
|
min-width: 0;
|
||||||
}
|
}
|
||||||
.cdm .footer .left > * {
|
.cdm .footer .left > * {
|
||||||
margin-right: 4px;
|
margin-right: 4px;
|
||||||
|
@ -1330,6 +1325,12 @@ body.ttrss_utility hr {
|
||||||
.cdm .footer .right > * {
|
.cdm .footer .right > * {
|
||||||
margin-left: 4px;
|
margin-left: 4px;
|
||||||
}
|
}
|
||||||
|
.cdm .footer .tags {
|
||||||
|
max-width: 50%;
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
.cdm .content-inner {
|
.cdm .content-inner {
|
||||||
margin: 10px;
|
margin: 10px;
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
|
|
|
@ -1299,12 +1299,6 @@ body.ttrss_utility hr {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
.cdm .header .tags {
|
|
||||||
max-width: 50%;
|
|
||||||
overflow: hidden;
|
|
||||||
white-space: nowrap;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
}
|
|
||||||
.cdm .footer {
|
.cdm .footer {
|
||||||
height: 30px;
|
height: 30px;
|
||||||
padding-left: 5px;
|
padding-left: 5px;
|
||||||
|
@ -1323,6 +1317,7 @@ body.ttrss_utility hr {
|
||||||
}
|
}
|
||||||
.cdm .footer .left {
|
.cdm .footer .left {
|
||||||
flex-grow: 2;
|
flex-grow: 2;
|
||||||
|
min-width: 0;
|
||||||
}
|
}
|
||||||
.cdm .footer .left > * {
|
.cdm .footer .left > * {
|
||||||
margin-right: 4px;
|
margin-right: 4px;
|
||||||
|
@ -1330,6 +1325,12 @@ body.ttrss_utility hr {
|
||||||
.cdm .footer .right > * {
|
.cdm .footer .right > * {
|
||||||
margin-left: 4px;
|
margin-left: 4px;
|
||||||
}
|
}
|
||||||
|
.cdm .footer .tags {
|
||||||
|
max-width: 50%;
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
.cdm .content-inner {
|
.cdm .content-inner {
|
||||||
margin: 10px;
|
margin: 10px;
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
|
|
|
@ -79,13 +79,6 @@
|
||||||
font-size : @font-size-small;
|
font-size : @font-size-small;
|
||||||
font-weight : normal;
|
font-weight : normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
.tags {
|
|
||||||
max-width : 50%;
|
|
||||||
overflow : hidden;
|
|
||||||
white-space : nowrap;
|
|
||||||
text-overflow : ellipsis;
|
|
||||||
}
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer {
|
.footer {
|
||||||
|
@ -107,6 +100,7 @@
|
||||||
|
|
||||||
.left {
|
.left {
|
||||||
flex-grow : 2;
|
flex-grow : 2;
|
||||||
|
min-width : 0;
|
||||||
|
|
||||||
> * {
|
> * {
|
||||||
margin-right : 4px;
|
margin-right : 4px;
|
||||||
|
@ -118,6 +112,13 @@
|
||||||
margin-left : 4px;
|
margin-left : 4px;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.tags {
|
||||||
|
max-width : 50%;
|
||||||
|
overflow : hidden;
|
||||||
|
white-space : nowrap;
|
||||||
|
text-overflow : ellipsis;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.content-inner {
|
.content-inner {
|
||||||
|
|
|
@ -1300,12 +1300,6 @@ body.ttrss_utility hr {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
.cdm .header .tags {
|
|
||||||
max-width: 50%;
|
|
||||||
overflow: hidden;
|
|
||||||
white-space: nowrap;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
}
|
|
||||||
.cdm .footer {
|
.cdm .footer {
|
||||||
height: 30px;
|
height: 30px;
|
||||||
padding-left: 5px;
|
padding-left: 5px;
|
||||||
|
@ -1324,6 +1318,7 @@ body.ttrss_utility hr {
|
||||||
}
|
}
|
||||||
.cdm .footer .left {
|
.cdm .footer .left {
|
||||||
flex-grow: 2;
|
flex-grow: 2;
|
||||||
|
min-width: 0;
|
||||||
}
|
}
|
||||||
.cdm .footer .left > * {
|
.cdm .footer .left > * {
|
||||||
margin-right: 4px;
|
margin-right: 4px;
|
||||||
|
@ -1331,6 +1326,12 @@ body.ttrss_utility hr {
|
||||||
.cdm .footer .right > * {
|
.cdm .footer .right > * {
|
||||||
margin-left: 4px;
|
margin-left: 4px;
|
||||||
}
|
}
|
||||||
|
.cdm .footer .tags {
|
||||||
|
max-width: 50%;
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
.cdm .content-inner {
|
.cdm .content-inner {
|
||||||
margin: 10px;
|
margin: 10px;
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
|
|
|
@ -1300,12 +1300,6 @@ body.ttrss_utility hr {
|
||||||
font-size: 11px;
|
font-size: 11px;
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
}
|
}
|
||||||
.cdm .header .tags {
|
|
||||||
max-width: 50%;
|
|
||||||
overflow: hidden;
|
|
||||||
white-space: nowrap;
|
|
||||||
text-overflow: ellipsis;
|
|
||||||
}
|
|
||||||
.cdm .footer {
|
.cdm .footer {
|
||||||
height: 30px;
|
height: 30px;
|
||||||
padding-left: 5px;
|
padding-left: 5px;
|
||||||
|
@ -1324,6 +1318,7 @@ body.ttrss_utility hr {
|
||||||
}
|
}
|
||||||
.cdm .footer .left {
|
.cdm .footer .left {
|
||||||
flex-grow: 2;
|
flex-grow: 2;
|
||||||
|
min-width: 0;
|
||||||
}
|
}
|
||||||
.cdm .footer .left > * {
|
.cdm .footer .left > * {
|
||||||
margin-right: 4px;
|
margin-right: 4px;
|
||||||
|
@ -1331,6 +1326,12 @@ body.ttrss_utility hr {
|
||||||
.cdm .footer .right > * {
|
.cdm .footer .right > * {
|
||||||
margin-left: 4px;
|
margin-left: 4px;
|
||||||
}
|
}
|
||||||
|
.cdm .footer .tags {
|
||||||
|
max-width: 50%;
|
||||||
|
overflow: hidden;
|
||||||
|
white-space: nowrap;
|
||||||
|
text-overflow: ellipsis;
|
||||||
|
}
|
||||||
.cdm .content-inner {
|
.cdm .content-inner {
|
||||||
margin: 10px;
|
margin: 10px;
|
||||||
line-height: 1.5;
|
line-height: 1.5;
|
||||||
|
|
Loading…
Reference in New Issue