From fb1482370af1cd3de5496f7afb5a17be8f05af05 Mon Sep 17 00:00:00 2001
From: chylex <contact@chylex.com>
Date: Tue, 14 Nov 2017 18:42:34 +0100
Subject: [PATCH] Fix issues from TweetDeck updates (long usernames, badge in
detail view, notification media previews)
---
Resources/Scripts/code.js | 1 +
Resources/Scripts/styles/browser.css | 12 ++++++++++++
Resources/Scripts/styles/notification.css | 2 +-
3 files changed, 14 insertions(+), 1 deletion(-)
diff --git a/Resources/Scripts/code.js b/Resources/Scripts/code.js
index f62acd27..aab4f819 100644
--- a/Resources/Scripts/code.js
+++ b/Resources/Scripts/code.js
@@ -283,6 +283,7 @@
tags.push("a[data-full-url] { word-break: break-all !important }"); // break long urls
tags.push(".media-item, .media-preview { border-radius: 1px !important }"); // square-ify media
tags.push(".quoted-tweet { border-radius: 0 !important }"); // square-ify quoted tweets
+ tags.push(".tweet-context .nbfc { text-overflow: ellipsis !important; white-space: nowrap !important }"); // force ellipsis on long usernames
tags.push(".activity-header { align-items: center !important; margin-bottom: 4px !important }"); // tweak alignment of avatar and text in notifications
tags.push(".activity-header .tweet-timestamp { line-height: unset !important }"); // fix timestamp position in notifications
diff --git a/Resources/Scripts/styles/browser.css b/Resources/Scripts/styles/browser.css
index c43f9771..ec54d2b7 100644
--- a/Resources/Scripts/styles/browser.css
+++ b/Resources/Scripts/styles/browser.css
@@ -94,6 +94,11 @@
/* Tweak notification layout and design */
/****************************************/
+.tweet-context .nbfc {
+ text-overflow: ellipsis !important;
+ white-space: nowrap !important;
+}
+
.activity-header {
align-items: center !important;
margin-bottom: 4px !important;
@@ -177,6 +182,13 @@ html[data-td-font='smallest'] .badge-verified:before {
background-position: -223px -98px !important;
}
+html[data-td-font='smallest'] .tweet-detail-wrapper .badge-verified:before {
+ /* fix cut off badge in detail view */
+ width: 13px !important;
+ height: 14px !important;
+ background-position: -223px -97px !important;
+}
+
.accs-header {
/* fix retweet account selector heading */
padding-left: 0 !important;
diff --git a/Resources/Scripts/styles/notification.css b/Resources/Scripts/styles/notification.css
index 619ba396..22af20cb 100644
--- a/Resources/Scripts/styles/notification.css
+++ b/Resources/Scripts/styles/notification.css
@@ -32,7 +32,7 @@ body {
height: calc(100vh - 28px) !important;
}
-.js-media.margin-vm, .js-media-preview-container.margin-vm {
+#tduck .js-media, #tduck .js-media-preview-container {
margin-bottom: 0 !important;
}