From f40a33192b13a314c1f53eaf5a196f91f5754280 Mon Sep 17 00:00:00 2001
From: chylex <contact@chylex.com>
Date: Wed, 14 Feb 2018 15:39:27 +0100
Subject: [PATCH] Revert and fix various changes from recent TweetDeck update
---
Resources/Plugins/edit-design/browser.js | 2 +-
Resources/Plugins/edit-design/theme.black.css | 3 +-
Resources/Scripts/styles/browser.css | 54 ++++++++++++++++++-
3 files changed, 55 insertions(+), 4 deletions(-)
diff --git a/Resources/Plugins/edit-design/browser.js b/Resources/Plugins/edit-design/browser.js
index a4241751..28401988 100644
--- a/Resources/Plugins/edit-design/browser.js
+++ b/Resources/Plugins/edit-design/browser.js
@@ -610,7 +610,7 @@ ${this.config.revertIcons ? `
${currentTheme === "black" ? `
html.dark a, html.dark a:hover, html.dark a:focus, html.dark a:active { color: #8bd }
-.btn-neutral-positive { color: #8bd !important }
+#tduck-show-thread { color: #8bd !important }
.quoted-tweet { border-color: #292f33 !important }
` : ``}
diff --git a/Resources/Plugins/edit-design/theme.black.css b/Resources/Plugins/edit-design/theme.black.css
index 184c9979..fe23e6b6 100644
--- a/Resources/Plugins/edit-design/theme.black.css
+++ b/Resources/Plugins/edit-design/theme.black.css
@@ -290,7 +290,7 @@ html.dark .app-nav-tab{color:#8899A6}
html.dark .app-nav-tab:hover{color:#fff}
html.dark .app-nav-tab.is-selected{color:#292f33}
html.dark .app-nav-tab.is-selected:hover{color:#292f33}
-html.dark .attach-compose-buttons .tweet-button{background-color:#485865}
+html.dark .attach-compose-buttons .tweet-button{background-color:#485865!important}
html.dark .with-nav-border-t:before{border-top:1px solid #777}
html.dark .app-search-input,html.dark .app-search-fake{background-color:#14171A;color:#aab8c2;box-shadow:inset 0 1px 1px rgba(17,17,17,0.5)}
html.dark .app-search-input::-webkit-input-placeholder{color:#aab8c2}
@@ -849,3 +849,4 @@ html.dark .DrawerModal{color:#14171A}
/* fixes */
html.dark .app-search-fake{border-color:transparent}
html.dark .spinner-small,html.dark .spinner-large{filter:grayscale(80%)brightness(93%)}
+html.dark .tweet>.color-twitter-blue{color:#8bd!important}
diff --git a/Resources/Scripts/styles/browser.css b/Resources/Scripts/styles/browser.css
index 95d246b3..9699d196 100644
--- a/Resources/Scripts/styles/browser.css
+++ b/Resources/Scripts/styles/browser.css
@@ -38,7 +38,7 @@
/* Square-ify stuff */
/********************/
-.btn, .mdl, .mdl-content, .popover, .lst-modal, .tooltip-inner {
+button, .btn, .mdl, .mdl-content, .popover, .lst-modal, .tooltip-inner {
border-radius: 1px !important;
}
@@ -46,7 +46,7 @@
border-radius: 1px !important;
}
-.btn-compose, .app-search-fake, .app-search-input, .compose-text-container, .compose-reply-tweet, .compose-message-recipient-input-container, .compose-message-recipient, .compose-media-bar-holder, .media-grid-container, .js-quote-tweet-holder, .detail-view-inline-text {
+.tweet-button, .app-search-fake, .app-search-input, .compose-text-container, .compose-reply-tweet, .compose-message-recipient-input-container, .compose-message-recipient, .compose-media-bar-holder, .media-grid-container, .js-quote-tweet-holder, .detail-view-inline-text {
border-radius: 0 !important;
}
@@ -54,6 +54,40 @@
border-radius: 0 !important;
}
+/***********************************/
+/* Revert various design decisions */
+/***********************************/
+
+button {
+ font-weight: normal !important;
+}
+
+.tweet-button:not(:hover) {
+ background-color: #2B7BB9 !important;
+ border-color: #2B7BB9 !important;
+}
+
+#tduck .js-compose-scroller button > i {
+ font-size: 20px !important;
+ vertical-align: -4px !important;
+}
+
+.js-show-drawer {
+ text-align: left;
+}
+
+.js-show-drawer .icon-compose {
+ display: inline-block !important;
+}
+
+.js-show-drawer span::before {
+ content: "New ";
+}
+
+.js-account-safeguard-checkbox, .js-account-safeguard-checkbox label {
+ margin-bottom: 0 !important;
+}
+
/***********************/
/* Hide TweetDeck logo */
/***********************/
@@ -183,6 +217,12 @@ a[data-full-url] {
vertical-align: -10% !important;
}
+#tduck .nav-user-info .hide-condensed {
+ /* move login account info */
+ margin: 0px !important;
+ padding-left: 2px !important;
+}
+
html[data-td-font='smallest'] .sprite-verified-mini {
/* fix cut off badge when zoomed in */
width: 13px !important;
@@ -230,6 +270,16 @@ html[data-td-font='smallest'] .tweet-detail-wrapper .badge-verified:before {
box-shadow: none !important;
}
+#tduck .js-follow-button .icon-follow {
+ /* follow icon is too small which makes it aliased and misaligned */
+ font-size: 17px !important;
+}
+
+.js-follow-button .following-text, .js-follow-button .unfollow-text {
+ /* unfollow button has a border for some reason */
+ border-width: 0 !important;
+}
+
/***************************************************************/
/* Fix glaring visual issues that twitter hasn't fixed yet smh */
/***************************************************************/