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

Rewrite notification scrolling to work around a strange CEF scrolling bug

Browse Source
This commit is contained in:
chylex 2017-04-04 16:50:44 +02:00
parent 9ac133b605
commit 8f67d69325
2 changed files with 20 additions and 4 deletions
Core/Notification
TweetNotification.cs
Resources/Scripts
code.js

8
Core/Notification/TweetNotification.cs
View File

@ -9,7 +9,7 @@ sealed class TweetNotification{
private const string DefaultFontSizeClass = "medium";
private const string DefaultHeadTag = @"<meta charset='utf-8'><meta http-equiv='X-UA-Compatible' content='chrome=1'><link rel='stylesheet' href='https://ton.twimg.com/tweetdeck-web/web/css/font.5ef884f9f9.css'><link rel='stylesheet' href='https://ton.twimg.com/tweetdeck-web/web/css/app-dark.5631e0dd42.css'>";
private const string CustomCSS = @".scroll-styled-v::-webkit-scrollbar{width:8px}.scroll-styled-v::-webkit-scrollbar-thumb{border-radius:0}#td-skip{opacity:0;cursor:pointer;transition:opacity 0.15s ease}.td-hover #td-skip{opacity:0.75}#td-skip:hover{opacity:1}";
private const string CustomCSS = @"body:before{content:none}body{overflow-y:auto}.scroll-styled-v::-webkit-scrollbar{width:7px}.scroll-styled-v::-webkit-scrollbar-thumb{border-radius:0}.scroll-styled-v::-webkit-scrollbar-track{border-left:0}#td-skip{opacity:0;cursor:pointer;transition:opacity 0.15s ease}.td-hover #td-skip{opacity:0.75}#td-skip:hover{opacity:1}";
public static int FontSizeLevel{
get{
@ -90,15 +90,15 @@ public string GenerateHtml(string bodyClasses = null, bool enableCustomCSS = tru
}
build.Append("</head>");
build.Append("<body class='hearty");
build.Append("<body class='hearty scroll-styled-v");
if (!string.IsNullOrEmpty(bodyClasses)){
build.Append(' ').Append(bodyClasses);
}
build.Append('\'').Append(isExample ? " td-example-notification" : "").Append("><div class='app-columns-container'><div class='column scroll-styled-v' style='width:100%;overflow-y:auto;border-top:0;padding-top:1px'>");
build.Append('\'').Append(isExample ? " td-example-notification" : "").Append("><div class='column' style='width:100%;height:auto;overflow:initial;'>");
build.Append(html);
build.Append("</div></div></body>");
build.Append("</div></body>");
build.Append("</html>");
return build.ToString();
}

16
Resources/Scripts/code.js
View File

@ -39,6 +39,21 @@
};
};
//
// Function: Retrieves a property of an element with a specified class.
//
var getClassStyleProperty = function(cls, property){
let column = document.createElement("div");
column.classList.add(cls);
column.style.display = "none";
document.body.appendChild(column);
let value = window.getComputedStyle(column).getPropertyValue(property);
document.body.removeChild(column);
return value;
};
//
// Function: Event callback for a new tweet.
//
@ -79,6 +94,7 @@
});
tags.push("<style type='text/css'>");
tags.push("body { background-color: "+getClassStyleProperty("column", "background-color")+" }");
tags.push("a[data-full-url]{ word-break: break-all }");
tags.push(".txt-base-smallest .badge-verified:before { height: 13px !important }");
tags.push("</style>");