From 1cf590ced844ae7ac360215d30b1015e36002faa Mon Sep 17 00:00:00 2001 From: kudo-sync-bot Date: Wed, 25 Dec 2024 02:47:06 -0800 Subject: [PATCH] =?UTF-8?q?Restricted=20invert=20colors=20on=20menu=20item?= =?UTF-8?q?=20hover=20to=20text=20only=20to=20not=20affect=20toggles=20?= =?UTF-8?q?=E2=86=9E=20[auto-sync=20from=20https://github.com/KudoAI/chatg?= =?UTF-8?q?pt.js-chrome-starter]?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- starters/chrome/extension/popup/style.css | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/starters/chrome/extension/popup/style.css b/starters/chrome/extension/popup/style.css index c5dfda5f4..497ec7076 100644 --- a/starters/chrome/extension/popup/style.css +++ b/starters/chrome/extension/popup/style.css @@ -51,8 +51,7 @@ a:focus, a:hover { text-decoration: underline ; color: inherit } .menu-icon { padding: 8px } .menu-area:focus, .menu-area:hover { /* add hover color/cursor */ color: var(--bg) ; background: rgb(100, 149, 237) ; cursor: pointer } -.menu-item:hover .toggle-switch .slider, .menu-item:hover span { filter: invert(1) } /* invert toggle switch + label */ -.menu-item:hover .menu-icon { filter: none } /* ...but not non-toggle icons */ +.menu-item:hover span:not(.slider) { filter: invert(1) } /* invert setting labels on hover */ .menu-item > label > .slider { transform: scale(0.95) ; top: 1px } /* make child toggles smaller */ .menu-prompt { margin-left: 2px } /* align non-toggle items */