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

Add a hover class to Notification body element and only display skip button when over

Browse Source
This commit is contained in:
chylex 2016-09-27 03:48:14 +02:00
parent f23db31306
commit fde984d02b
2 changed files with 12 additions and 1 deletions
Core/Handling
TweetNotification.cs
Resources/Scripts
notification.js

2
Core/Handling/TweetNotification.cs
View File

@ -20,7 +20,7 @@ private static string DefaultHeadTag{
private static string CustomCSS{
get{
return @".scroll-styled-v::-webkit-scrollbar{width:8px}.scroll-styled-v::-webkit-scrollbar-thumb{border-radius:0}a[data-full-url]{word-break:break-all}#td-skip{opacity:0.75;cursor:pointer}#td-skip:hover{opacity:1}";
return @".scroll-styled-v::-webkit-scrollbar{width:8px}.scroll-styled-v::-webkit-scrollbar-thumb{border-radius:0}a[data-full-url]{word-break:break-all}#td-skip{opacity:0;cursor:pointer;transition:opacity 0.15s ease}.td-hover #td-skip{opacity:0.75}#td-skip:hover{opacity:1}";
}
}

11
Resources/Scripts/notification.js
View File

@ -136,6 +136,17 @@
});
})();
//
// Block: Setup a hover class on body.
//
document.body.addEventListener("mouseenter", function(){
document.body.classList.add("td-hover");
});
document.body.addEventListener("mouseleave", function(){
document.body.classList.remove("td-hover");
});
//
// Block: Page fully loaded.
//