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

Fix broken CSS in notifications after a TweetDeck update

Browse Source
This commit is contained in:
chylex 2017-11-10 13:35:29 +01:00
parent 6b7b690476
commit 330bbfbb31
4 changed files with 13 additions and 13 deletions
Core/Notification
TweetNotification.cs
Resources
Plugins/edit-design
browser.js
Scripts
code.js
styles
notification.css

2
Core/Notification/TweetNotification.cs
View File

@ -70,7 +70,7 @@ public string GenerateHtml(string bodyClasses = null, bool enableCustomCSS = tru
build.Append(' ').Append(bodyClasses);
}
build.Append('\'').Append(isExample ? " td-example-notification" : "").Append("><div class='column' style='width:100%;height:auto;overflow:initial;'>");
build.Append('\'').Append(isExample ? " td-example-notification" : "").Append("><div class='column' style='width:100%!important;height:auto!important;overflow:initial!important;'>");
build.Append(html);
build.Append("</div></body>");
build.Append("</html>");

2
Resources/Plugins/edit-design/browser.js
View File

@ -562,7 +562,7 @@ ${this.config.revertIcons ? `
` : ``}
${notificationScrollbarColor ? `
.scroll-styled-v::-webkit-scrollbar-thumb, .scroll-styled-h::-webkit-scrollbar-thumb { background-color: #${notificationScrollbarColor} }
.scroll-styled-v::-webkit-scrollbar-thumb, .scroll-styled-h::-webkit-scrollbar-thumb { background-color: #${notificationScrollbarColor} !important }
` : ``}
</style>`);
};

12
Resources/Scripts/code.js
View File

@ -271,20 +271,20 @@
let themeName = TD.settings.getTheme();
let tags = [
`<html class='os-windows ${(doc.getAttribute("class").match(/txt-\S+/) || [ "txt-size--14" ])[0]}' data-td-font='${fontSizeName}' data-td-theme='${themeName}'><head>`
`<html class='os-windows ${themeName} ${(doc.getAttribute("class").match(/txt-\S+/) || [ "txt-size--14" ])[0]}' data-td-font='${fontSizeName}' data-td-theme='${themeName}'><head>`
];
$(document.head).children("link[rel='stylesheet']:not([title]),link[title='"+themeName+"'],meta[charset],meta[http-equiv]").each(function(){
$(document.head).children("link[href*='css/font.']:first,link[href*='css/app-"+themeName+".']:first,meta[charset],meta[http-equiv]").each(function(){
tags.push($(this)[0].outerHTML);
});
tags.push("<style type='text/css'>");
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("body { background: "+getClassStyleProperty("column", "background-color")+" !important }"); // set background color
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(".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 { 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
if (fontSizeName === "smallest"){
tags.push(".badge-verified:before { width: 13px !important; height: 13px !important; background-position: -223px -98px !important }"); // fix cut off badge icon

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

@ -1,23 +1,23 @@
/* General */
body:before {
content: none;
content: none !important;
}
body {
overflow-y: auto;
overflow-y: auto !important;
}
.scroll-styled-v::-webkit-scrollbar {
width: 7px;
width: 7px !important;
}
.scroll-styled-v::-webkit-scrollbar-thumb {
border-radius: 0;
border-radius: 0 !important;
}
.scroll-styled-v::-webkit-scrollbar-track {
border-left: 0;
border-left: 0 !important;
}
/* Media */