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

combined mode: limit feed title element to 25% width

This commit is contained in:
Andrew Dolgov 2021-11-29 13:39:58 +03:00
parent 409c63dcf8
commit df7b2e7984
8 changed files with 58 additions and 96 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
js/Headlines.js
View File

@ -515,10 +515,8 @@ const Headlines = {
${hl.cdm_excerpt ? hl.cdm_excerpt : ""} ${hl.cdm_excerpt ? hl.cdm_excerpt : ""}
</span> </span>
<div class="feed vfeedMenuAttach" data-feed-id="${hl.feed_id}"> <a href="#" class="feed vfeedMenuAttach" style="background-color: ${hl.feed_bg_color}" data-feed-id="${hl.feed_id}"
<a href="#" style="background-color: ${hl.feed_bg_color}"
onclick="Feeds.open({feed:${hl.feed_id}})">${hl.feed_title}</a> onclick="Feeds.open({feed:${hl.feed_id}})">${hl.feed_title}</a>
</div>
<span class="updated" title="${hl.imported}">${hl.updated}</span> <span class="updated" title="${hl.imported}">${hl.updated}</span>

21
themes/compact.css
View File

@ -1269,22 +1269,17 @@ body.ttrss_utility hr {
margin: 0px 4px; margin: 0px 4px;
} }
.cdm .header .feed { .cdm .header .feed {
float: right;
font-weight: normal;
font-style: italic;
}
.cdm .header .feed a {
border-radius: 4px;
display: inline-block;
padding: 1px 4px 1px 4px;
}
.cdm .header .feed,
.cdm .header .feed a {
vertical-align: middle;
color: #555;
font-weight: normal; font-weight: normal;
font-style: italic; font-style: italic;
font-size: 11px; font-size: 11px;
display: inline-block;
max-width: 25%;
overflow: hidden;
text-overflow: ellipsis;
border-radius: 4px;
padding: 1px 4px;
margin-right: 4px;
color: #555;
} }
.cdm .header .author { .cdm .header .author {
white-space: nowrap; white-space: nowrap;

21
themes/compact_night.css
View File

@ -1269,22 +1269,17 @@ body.ttrss_utility hr {
margin: 0px 4px; margin: 0px 4px;
} }
.cdm .header .feed { .cdm .header .feed {
float: right;
font-weight: normal;
font-style: italic;
}
.cdm .header .feed a {
border-radius: 4px;
display: inline-block;
padding: 1px 4px 1px 4px;
}
.cdm .header .feed,
.cdm .header .feed a {
vertical-align: middle;
color: #ccc;
font-weight: normal; font-weight: normal;
font-style: italic; font-style: italic;
font-size: 11px; font-size: 11px;
display: inline-block;
max-width: 25%;
overflow: hidden;
text-overflow: ellipsis;
border-radius: 4px;
padding: 1px 4px;
margin-right: 4px;
color: #ccc;
} }
.cdm .header .author { .cdm .header .author {
white-space: nowrap; white-space: nowrap;

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

@ -1269,22 +1269,17 @@ body.ttrss_utility hr {
margin: 0px 4px; margin: 0px 4px;
} }
.cdm .header .feed { .cdm .header .feed {
float: right;
font-weight: normal;
font-style: italic;
}
.cdm .header .feed a {
border-radius: 4px;
display: inline-block;
padding: 1px 4px 1px 4px;
}
.cdm .header .feed,
.cdm .header .feed a {
vertical-align: middle;
color: black;
font-weight: normal; font-weight: normal;
font-style: italic; font-style: italic;
font-size: 11px; font-size: 11px;
display: inline-block;
max-width: 25%;
overflow: hidden;
text-overflow: ellipsis;
border-radius: 4px;
padding: 1px 4px;
margin-right: 4px;
color: black;
} }
.cdm .header .author { .cdm .header .author {
white-space: nowrap; white-space: nowrap;

21
themes/light.css
View File

@ -1269,22 +1269,17 @@ body.ttrss_utility hr {
margin: 0px 4px; margin: 0px 4px;
} }
.cdm .header .feed { .cdm .header .feed {
float: right;
font-weight: normal;
font-style: italic;
}
.cdm .header .feed a {
border-radius: 4px;
display: inline-block;
padding: 1px 4px 1px 4px;
}
.cdm .header .feed,
.cdm .header .feed a {
vertical-align: middle;
color: #555;
font-weight: normal; font-weight: normal;
font-style: italic; font-style: italic;
font-size: 11px; font-size: 11px;
display: inline-block;
max-width: 25%;
overflow: hidden;
text-overflow: ellipsis;
border-radius: 4px;
padding: 1px 4px;
margin-right: 4px;
color: #555;
} }
.cdm .header .author { .cdm .header .author {
white-space: nowrap; white-space: nowrap;

22
themes/light/cdm.less
View File

@ -59,23 +59,17 @@
} }
.feed { .feed {
float: right;
font-weight: normal;
font-style: italic;
a {
border-radius : 4px;
display : inline-block;
padding : 1px 4px 1px 4px;
}
}
.feed, .feed a {
vertical-align: middle;
color: @default-text;
font-weight: normal; font-weight: normal;
font-style: italic; font-style: italic;
font-size: @font-size-small; font-size: @font-size-small;
display : inline-block;
max-width : 25%;
overflow : hidden;
text-overflow : ellipsis;
border-radius : 4px;
padding : 1px 4px;
margin-right : 4px;
color: @default-text;
} }
.author { .author {

21
themes/night.css
View File

@ -1270,22 +1270,17 @@ body.ttrss_utility hr {
margin: 0px 4px; margin: 0px 4px;
} }
.cdm .header .feed { .cdm .header .feed {
float: right;
font-weight: normal;
font-style: italic;
}
.cdm .header .feed a {
border-radius: 4px;
display: inline-block;
padding: 1px 4px 1px 4px;
}
.cdm .header .feed,
.cdm .header .feed a {
vertical-align: middle;
color: #ccc;
font-weight: normal; font-weight: normal;
font-style: italic; font-style: italic;
font-size: 11px; font-size: 11px;
display: inline-block;
max-width: 25%;
overflow: hidden;
text-overflow: ellipsis;
border-radius: 4px;
padding: 1px 4px;
margin-right: 4px;
color: #ccc;
} }
.cdm .header .author { .cdm .header .author {
white-space: nowrap; white-space: nowrap;

21
themes/night_blue.css
View File

@ -1270,22 +1270,17 @@ body.ttrss_utility hr {
margin: 0px 4px; margin: 0px 4px;
} }
.cdm .header .feed { .cdm .header .feed {
float: right;
font-weight: normal;
font-style: italic;
}
.cdm .header .feed a {
border-radius: 4px;
display: inline-block;
padding: 1px 4px 1px 4px;
}
.cdm .header .feed,
.cdm .header .feed a {
vertical-align: middle;
color: #ccc;
font-weight: normal; font-weight: normal;
font-style: italic; font-style: italic;
font-size: 11px; font-size: 11px;
display: inline-block;
max-width: 25%;
overflow: hidden;
text-overflow: ellipsis;
border-radius: 4px;
padding: 1px 4px;
margin-right: 4px;
color: #ccc;
} }
.cdm .header .author { .cdm .header .author {
white-space: nowrap; white-space: nowrap;