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

Add a visual response when hovering filter icons under column header

Browse Source
This commit is contained in:
chylex 2018-06-07 14:52:39 +02:00
parent 4a9049c7aa
commit 86569261ad
2 changed files with 6 additions and 0 deletions
Resources
Plugins/edit-design
browser.js
Scripts/styles
browser.css

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

@ -399,6 +399,7 @@ enabled(){
this.css.insert(".column-header-temp { background-color: transparent !important }");
this.css.insert(".column-drag-handle { opacity: 0.5 !important }");
this.css.insert(".column-drag-handle:hover { opacity: 1 !important }");
this.css.insert(".column-message.is-actionable span:hover > .icon-small-valigned { filter: saturate(20) }");
this.css.insert(".scroll-styled-v:not(.scroll-alt)::-webkit-scrollbar-thumb:not(:hover), .scroll-styled-h:not(.scroll-alt)::-webkit-scrollbar-thumb:not(:hover) { background-color: #666 !important }");
notificationScrollbarColor = "666";
break;

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

@ -347,6 +347,11 @@ html[data-td-font='smallest'] .fullname-badged:before, html[data-td-font='small'
vertical-align: top !important;
}
.column-message.is-actionable span:hover > .icon-small-valigned {
/* add a visual response when hovering individual filter icons; black theme uses a value of 20 */
filter: saturate(10);
}
.tweet-detail-wrapper .js-media-gif-container {
/* GIFs in detail view don't trigger the pointer cursor */
cursor: pointer;