valvin
/
ttrss
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix rendering of articles with titles containing extremely long words

This commit is contained in:
Andrew Dolgov 2022-06-13 14:23:08 +03:00
parent c2f7044485
commit 184efcf3f5
No known key found for this signature in database
GPG Key ID: 1A56B4FA25D4AF2A
8 changed files with 21 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
themes/compact.css
View File

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

3
themes/compact_night.css
View File

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

3
themes/light-high-contrast.css
View File

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

3
themes/light.css
View File

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

1
themes/light/cdm.less
View File

@ -143,6 +143,7 @@
.titleWrap { .titleWrap {
white-space : normal; white-space : normal;
word-break : break-all;
} }
.footer { .footer {

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

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

3
themes/night.css
View File

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

3
themes/night_blue.css
View File

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