diff --git a/Resources/Plugins/edit-design/browser.js b/Resources/Plugins/edit-design/browser.js index 038c0f27..792dccc9 100644 --- a/Resources/Plugins/edit-design/browser.js +++ b/Resources/Plugins/edit-design/browser.js @@ -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; diff --git a/Resources/Scripts/styles/browser.css b/Resources/Scripts/styles/browser.css index afb62216..0df7665a 100644 --- a/Resources/Scripts/styles/browser.css +++ b/Resources/Scripts/styles/browser.css @@ -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;