combined mode: prevent left part of footer pushing right part out of viewport

This commit is contained in:
Andrew Dolgov 2023-03-20 18:33:29 +03:00
parent cddbf5bf5a
commit 0f9488ace0
No known key found for this signature in database
GPG Key ID: 1A56B4FA25D4AF2A
7 changed files with 50 additions and 43 deletions

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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;

View File

@ -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 {

View File

@ -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;

View File

@ -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;