1
0
mirror of https://github.com/chylex/TweetDuck.git synced 2025-04-22 18:15:47 +02:00

Make notifications neater and more compact, fix list notification layout

This commit is contained in:
chylex 2017-05-16 15:27:38 +02:00
parent dc76ae9d1f
commit 5d4b72f224

View File

@ -100,6 +100,11 @@
this.outerHTML = this.innerHTML;
});
if (tweet.getChirpType().includes("list_member")){
html.find(".activity-header").first().css("margin-top", "2px");
html.find(".avatar").first().css("margin-bottom", "0");
}
let source = tweet.getRelatedTweet();
let duration = source ? source.text.length+(source.quotedTweet ? source.quotedTweet.text.length : 0) : tweet.text.length;
let tweetUrl = source ? source.getChirpURL() : "";
@ -127,6 +132,10 @@
tags.push("body { background: "+getClassStyleProperty("column", "background-color")+" }"); // set background color
tags.push("a[data-full-url] { word-break: break-all }"); // break long urls
tags.push(".txt-base-smallest .badge-verified:before { height: 13px !important }"); // fix cut off badge icon
tags.push(".activity-header { align-items: center !important; margin-bottom: 4px }"); // tweak alignment of avatar and text in notifications
tags.push(".activity-header .tweet-timestamp { line-height: unset }"); // fix timestamp position in notifications
tags.push(".activity-header + .tweet .tweet-context { margin-left: -35px }"); // move tweet context under header to the right
tags.push(".activity-header + .tweet .tweet-context .obj-left { margin-right: 5px }"); // tweak reply icon margin
tags.push("</style>");
return tags.join("");
@ -551,6 +560,10 @@
styleOfficial.sheet.insertRule(".app-navigator .tooltip { display: none !important; }", 0); // hide broken tooltips in the menu
styleOfficial.sheet.insertRule(".account-inline .username { vertical-align: 10%; }", 0); // move usernames a bit higher
styleOfficial.sheet.insertRule(".activity-header { align-items: center !important; }", 0); // tweak alignment of avatar and text in notifications
styleOfficial.sheet.insertRule(".activity-header + .tweet .tweet-context { margin-left: -35px }", 0); // move tweet context under header to the right
styleOfficial.sheet.insertRule(".activity-header + .tweet .tweet-context .obj-left { margin-right: 5px }", 0); // tweak reply icon margin
styleOfficial.sheet.insertRule(".app-columns-container::-webkit-scrollbar-track { border-left: 0; }", 0); // remove weird border in the column container scrollbar
styleOfficial.sheet.insertRule(".app-columns-container { bottom: 0 !important; }", 0); // move column container scrollbar to bottom to fit updated style