combined mode: limit feed title element to 25% width

js/Headlines.js

@@ -515,10 +515,8 @@ const Headlines = {
 								${hl.cdm_excerpt ? hl.cdm_excerpt : ""}
 							</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>
 

themes/compact.css

@@ -1269,22 +1269,17 @@ body.ttrss_utility hr {
   margin: 0px 4px;
 }
 .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-style: italic;
   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 {
   white-space: nowrap;

themes/compact_night.css

@@ -1269,22 +1269,17 @@ body.ttrss_utility hr {
   margin: 0px 4px;
 }
 .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-style: italic;
   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 {
   white-space: nowrap;

themes/light-high-contrast.css

@@ -1269,22 +1269,17 @@ body.ttrss_utility hr {
   margin: 0px 4px;
 }
 .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-style: italic;
   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 {
   white-space: nowrap;

themes/light.css

@@ -1269,22 +1269,17 @@ body.ttrss_utility hr {
   margin: 0px 4px;
 }
 .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-style: italic;
   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 {
   white-space: nowrap;

themes/light/cdm.less

@@ -59,23 +59,17 @@
 		}
 
 		.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-style: italic;
 			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 {

themes/night.css

@@ -1270,22 +1270,17 @@ body.ttrss_utility hr {
   margin: 0px 4px;
 }
 .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-style: italic;
   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 {
   white-space: nowrap;

themes/night_blue.css

@@ -1270,22 +1270,17 @@ body.ttrss_utility hr {
   margin: 0px 4px;
 }
 .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-style: italic;
   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 {
   white-space: nowrap;