chylex/TweetDuck
1
0
Fork 0
mirror of https://github.com/chylex/TweetDuck.git synced 2025-04-14 12:15:48 +02:00
Code

Fix issues from TweetDeck updates (long usernames, badge in detail view, notification media previews)

Browse Source
This commit is contained in:
chylex 2017-11-14 18:42:34 +01:00
parent e831bc2bea
commit fb1482370a
3 changed files with 14 additions and 1 deletions
Resources/Scripts
code.js
styles
browser.cssnotification.css

1
Resources/Scripts/code.js
View File

@ -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

12
Resources/Scripts/styles/browser.css
View File

@ -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;

2
Resources/Scripts/styles/notification.css
View File

@ -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;
}