From 26b12fcbf10d08a16bf0d2819ba55f72ca100e79 Mon Sep 17 00:00:00 2001
From: TLSM <duolsm@outlook.com>
Date: Wed, 17 Aug 2022 01:33:10 -0400
Subject: [PATCH] Fix long domains overflowing submission_listing.

---
 files/assets/css/main.css               | 9 +++++++++
 files/templates/submission.html         | 2 +-
 files/templates/submission_listing.html | 2 +-
 files/templates/util/assetcache.html    | 2 +-
 4 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/files/assets/css/main.css b/files/assets/css/main.css
index 0fd288026..f9d29fea3 100644
--- a/files/assets/css/main.css
+++ b/files/assets/css/main.css
@@ -3528,6 +3528,15 @@ small, .small {
 	color: var(--white);
 	text-decoration: none;
 }
+.post-meta-domain {
+	/* fixes very long domains overflowing submission_listing */
+	display: inline-block;
+	max-width: 20em;
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+	vertical-align: middle;
+}
 #frontpage .posts .card .card-footer, #userpage .posts .card .card-footer, #thread .card .card-footer, #search .posts .card .card-footer {
 	border: 0;
 	background-color: transparent;
diff --git a/files/templates/submission.html b/files/templates/submission.html
index 50f5d0fe2..91a58dad6 100644
--- a/files/templates/submission.html
+++ b/files/templates/submission.html
@@ -686,7 +686,7 @@
 							{% endif %}
 						{% endif %}
 						<span data-bs-toggle="tooltip" data-bs-placement="bottom" id="timestamp" onmouseover="timestamp('timestamp','{{p.created_utc}}')">&nbsp;{{p.age_string}}</span>
-						({% if p.is_image %}image post{% elif p.is_video %}video post{% elif p.is_audio %}audio post{% elif p.domain %}<a href="/search/posts/?q=domain%3A{{p.domain}}&sort=new&t=all" {% if not v or v.newtabexternal %}target="_blank"{% endif %}>{{p.domain}}</a>{% else %}text post{% endif %})
+						({% if p.is_image %}image post{% elif p.is_video %}video post{% elif p.is_audio %}audio post{% elif p.domain %}<a href="/search/posts/?q=domain%3A{{p.domain}}&sort=new&t=all" class="post-meta-domain" {% if not v or v.newtabexternal %}target="_blank"{% endif %}>{{p.domain|truncate(50, True)}}</a>{% else %}text post{% endif %})
 
 						{% if p.edited_utc %}
 							&nbsp;&nbsp;Edited <span data-bs-toggle="tooltip" data-bs-placement="bottom" onmouseover="timestamp('edited_timestamp','{{p.edited_utc}}')" id="edited_timestamp">{{p.edited_string}}</span>
diff --git a/files/templates/submission_listing.html b/files/templates/submission_listing.html
index 2940ae6b8..a1fe10e02 100644
--- a/files/templates/submission_listing.html
+++ b/files/templates/submission_listing.html
@@ -223,7 +223,7 @@
 				{% endif %}
 				<span data-bs-toggle="tooltip" data-bs-placement="bottom" onmouseover="timestamp('timestamp-{{p.id}}','{{p.created_utc}}')" id="timestamp-{{p.id}}">&nbsp;{{p.age_string}}</span>
 				&nbsp;
-				({% if p.is_image %}image post{% elif p.is_video %}video post{% elif p.is_audio %}audio post{% elif p.domain %}<a href="/search/posts/?q=domain%3A{{p.domain}}&sort=new&t=all" {% if v and v.newtab and not g.webview %}target="_blank"{% endif %}>{{p.domain}}</a>{% else %}text post{% endif %})
+				({% if p.is_image %}image post{% elif p.is_video %}video post{% elif p.is_audio %}audio post{% elif p.domain %}<a href="/search/posts/?q=domain%3A{{p.domain}}&sort=new&t=all" class="post-meta-domain" {% if v and v.newtab and not g.webview %}target="_blank"{% endif %}>{{p.domain|truncate(50, True)}}</a>{% else %}text post{% endif %})
 				{% if p.edited_utc %}
 					&nbsp;&nbsp;Edited <span data-bs-toggle="tooltip" data-bs-placement="bottom" id="edited_timestamp-{{p.id}}" onmouseover="timestamp('edited_timestamp-{{p.id}}','{{p.edited_utc}}')">{{p.edited_string}}</span>
 				{% endif %}
diff --git a/files/templates/util/assetcache.html b/files/templates/util/assetcache.html
index 08b835f8d..f61d8acd4 100644
--- a/files/templates/util/assetcache.html
+++ b/files/templates/util/assetcache.html
@@ -1,6 +1,6 @@
 {%-
 set CACHE_VER = {
-	'css/main.css': 454,
+	'css/main.css': 455,
 	'css/catalog.css': 2,
 
 	'css/4chan.css': 61,