fix rendering of articles with titles containing extremely long words
This commit is contained in:
@@ -57,6 +57,7 @@ body.ttrss_main .post .header .comments {
|
|||||||
}
|
}
|
||||||
body.ttrss_main .post .header .date {
|
body.ttrss_main .post .header .date {
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
margin-left: 4px;
|
||||||
}
|
}
|
||||||
body.ttrss_main .post .header img,
|
body.ttrss_main .post .header img,
|
||||||
body.ttrss_main .post .header i.material-icons {
|
body.ttrss_main .post .header i.material-icons {
|
||||||
@@ -70,6 +71,7 @@ body.ttrss_main .post .header .title {
|
|||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
text-rendering: optimizelegibility;
|
text-rendering: optimizelegibility;
|
||||||
font-family: system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
font-family: system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||||
|
word-break: break-all;
|
||||||
}
|
}
|
||||||
body.ttrss_main .post div.content {
|
body.ttrss_main .post div.content {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
@@ -1339,6 +1341,7 @@ body.ttrss_utility hr {
|
|||||||
}
|
}
|
||||||
.cdm.expanded .titleWrap {
|
.cdm.expanded .titleWrap {
|
||||||
white-space: normal;
|
white-space: normal;
|
||||||
|
word-break: break-all;
|
||||||
}
|
}
|
||||||
.cdm.expanded .footer {
|
.cdm.expanded .footer {
|
||||||
border: 0px solid #ddd;
|
border: 0px solid #ddd;
|
||||||
|
|||||||
@@ -57,6 +57,7 @@ body.ttrss_main .post .header .comments {
|
|||||||
}
|
}
|
||||||
body.ttrss_main .post .header .date {
|
body.ttrss_main .post .header .date {
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
margin-left: 4px;
|
||||||
}
|
}
|
||||||
body.ttrss_main .post .header img,
|
body.ttrss_main .post .header img,
|
||||||
body.ttrss_main .post .header i.material-icons {
|
body.ttrss_main .post .header i.material-icons {
|
||||||
@@ -70,6 +71,7 @@ body.ttrss_main .post .header .title {
|
|||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
text-rendering: optimizelegibility;
|
text-rendering: optimizelegibility;
|
||||||
font-family: system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
font-family: system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||||
|
word-break: break-all;
|
||||||
}
|
}
|
||||||
body.ttrss_main .post div.content {
|
body.ttrss_main .post div.content {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
@@ -1339,6 +1341,7 @@ body.ttrss_utility hr {
|
|||||||
}
|
}
|
||||||
.cdm.expanded .titleWrap {
|
.cdm.expanded .titleWrap {
|
||||||
white-space: normal;
|
white-space: normal;
|
||||||
|
word-break: break-all;
|
||||||
}
|
}
|
||||||
.cdm.expanded .footer {
|
.cdm.expanded .footer {
|
||||||
border: 0px solid #222;
|
border: 0px solid #222;
|
||||||
|
|||||||
@@ -57,6 +57,7 @@ body.ttrss_main .post .header .comments {
|
|||||||
}
|
}
|
||||||
body.ttrss_main .post .header .date {
|
body.ttrss_main .post .header .date {
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
margin-left: 4px;
|
||||||
}
|
}
|
||||||
body.ttrss_main .post .header img,
|
body.ttrss_main .post .header img,
|
||||||
body.ttrss_main .post .header i.material-icons {
|
body.ttrss_main .post .header i.material-icons {
|
||||||
@@ -70,6 +71,7 @@ body.ttrss_main .post .header .title {
|
|||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
text-rendering: optimizelegibility;
|
text-rendering: optimizelegibility;
|
||||||
font-family: system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
font-family: system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||||
|
word-break: break-all;
|
||||||
}
|
}
|
||||||
body.ttrss_main .post div.content {
|
body.ttrss_main .post div.content {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
@@ -1339,6 +1341,7 @@ body.ttrss_utility hr {
|
|||||||
}
|
}
|
||||||
.cdm.expanded .titleWrap {
|
.cdm.expanded .titleWrap {
|
||||||
white-space: normal;
|
white-space: normal;
|
||||||
|
word-break: break-all;
|
||||||
}
|
}
|
||||||
.cdm.expanded .footer {
|
.cdm.expanded .footer {
|
||||||
border: 0px solid #ddd;
|
border: 0px solid #ddd;
|
||||||
|
|||||||
@@ -57,6 +57,7 @@ body.ttrss_main .post .header .comments {
|
|||||||
}
|
}
|
||||||
body.ttrss_main .post .header .date {
|
body.ttrss_main .post .header .date {
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
margin-left: 4px;
|
||||||
}
|
}
|
||||||
body.ttrss_main .post .header img,
|
body.ttrss_main .post .header img,
|
||||||
body.ttrss_main .post .header i.material-icons {
|
body.ttrss_main .post .header i.material-icons {
|
||||||
@@ -70,6 +71,7 @@ body.ttrss_main .post .header .title {
|
|||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
text-rendering: optimizelegibility;
|
text-rendering: optimizelegibility;
|
||||||
font-family: system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
font-family: system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||||
|
word-break: break-all;
|
||||||
}
|
}
|
||||||
body.ttrss_main .post div.content {
|
body.ttrss_main .post div.content {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
@@ -1339,6 +1341,7 @@ body.ttrss_utility hr {
|
|||||||
}
|
}
|
||||||
.cdm.expanded .titleWrap {
|
.cdm.expanded .titleWrap {
|
||||||
white-space: normal;
|
white-space: normal;
|
||||||
|
word-break: break-all;
|
||||||
}
|
}
|
||||||
.cdm.expanded .footer {
|
.cdm.expanded .footer {
|
||||||
border: 0px solid #ddd;
|
border: 0px solid #ddd;
|
||||||
|
|||||||
@@ -143,6 +143,7 @@
|
|||||||
|
|
||||||
.titleWrap {
|
.titleWrap {
|
||||||
white-space : normal;
|
white-space : normal;
|
||||||
|
word-break : break-all;
|
||||||
}
|
}
|
||||||
|
|
||||||
.footer {
|
.footer {
|
||||||
|
|||||||
@@ -39,6 +39,7 @@ body.ttrss_main {
|
|||||||
|
|
||||||
.date {
|
.date {
|
||||||
white-space : nowrap;
|
white-space : nowrap;
|
||||||
|
margin-left : 4px;
|
||||||
}
|
}
|
||||||
|
|
||||||
img, i.material-icons {
|
img, i.material-icons {
|
||||||
@@ -53,6 +54,7 @@ body.ttrss_main {
|
|||||||
font-weight : 600;
|
font-weight : 600;
|
||||||
text-rendering: optimizelegibility;
|
text-rendering: optimizelegibility;
|
||||||
font-family : @fonts-ui;
|
font-family : @fonts-ui;
|
||||||
|
word-break : break-all;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|||||||
@@ -58,6 +58,7 @@ body.ttrss_main .post .header .comments {
|
|||||||
}
|
}
|
||||||
body.ttrss_main .post .header .date {
|
body.ttrss_main .post .header .date {
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
margin-left: 4px;
|
||||||
}
|
}
|
||||||
body.ttrss_main .post .header img,
|
body.ttrss_main .post .header img,
|
||||||
body.ttrss_main .post .header i.material-icons {
|
body.ttrss_main .post .header i.material-icons {
|
||||||
@@ -71,6 +72,7 @@ body.ttrss_main .post .header .title {
|
|||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
text-rendering: optimizelegibility;
|
text-rendering: optimizelegibility;
|
||||||
font-family: system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
font-family: system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||||
|
word-break: break-all;
|
||||||
}
|
}
|
||||||
body.ttrss_main .post div.content {
|
body.ttrss_main .post div.content {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
@@ -1340,6 +1342,7 @@ body.ttrss_utility hr {
|
|||||||
}
|
}
|
||||||
.cdm.expanded .titleWrap {
|
.cdm.expanded .titleWrap {
|
||||||
white-space: normal;
|
white-space: normal;
|
||||||
|
word-break: break-all;
|
||||||
}
|
}
|
||||||
.cdm.expanded .footer {
|
.cdm.expanded .footer {
|
||||||
border: 0px solid #222;
|
border: 0px solid #222;
|
||||||
|
|||||||
@@ -58,6 +58,7 @@ body.ttrss_main .post .header .comments {
|
|||||||
}
|
}
|
||||||
body.ttrss_main .post .header .date {
|
body.ttrss_main .post .header .date {
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
|
margin-left: 4px;
|
||||||
}
|
}
|
||||||
body.ttrss_main .post .header img,
|
body.ttrss_main .post .header img,
|
||||||
body.ttrss_main .post .header i.material-icons {
|
body.ttrss_main .post .header i.material-icons {
|
||||||
@@ -71,6 +72,7 @@ body.ttrss_main .post .header .title {
|
|||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
text-rendering: optimizelegibility;
|
text-rendering: optimizelegibility;
|
||||||
font-family: system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
font-family: system-ui, "Helvetica Neue", Helvetica, Arial, sans-serif;
|
||||||
|
word-break: break-all;
|
||||||
}
|
}
|
||||||
body.ttrss_main .post div.content {
|
body.ttrss_main .post div.content {
|
||||||
padding: 10px;
|
padding: 10px;
|
||||||
@@ -1340,6 +1342,7 @@ body.ttrss_utility hr {
|
|||||||
}
|
}
|
||||||
.cdm.expanded .titleWrap {
|
.cdm.expanded .titleWrap {
|
||||||
white-space: normal;
|
white-space: normal;
|
||||||
|
word-break: break-all;
|
||||||
}
|
}
|
||||||
.cdm.expanded .footer {
|
.cdm.expanded .footer {
|
||||||
border: 0px solid #222;
|
border: 0px solid #222;
|
||||||
|
|||||||
Reference in New Issue
Block a user