From 6c81a10e05bfc5fa60a44faabf2c65d8220fb4fe Mon Sep 17 00:00:00 2001 From: toasted-nutbread Date: Wed, 20 Jan 2021 21:21:39 -0500 Subject: Move menu styles into material.css (#1283) --- ext/bg/css/settings2.css | 57 ------------------------------------------------ 1 file changed, 57 deletions(-) (limited to 'ext/bg/css') diff --git a/ext/bg/css/settings2.css b/ext/bg/css/settings2.css index 7f7a6763..5376f456 100644 --- a/ext/bg/css/settings2.css +++ b/ext/bg/css/settings2.css @@ -24,7 +24,6 @@ --sidebar-size: 200px; --preview-sidebar-expanded-width: 400px; --shadow-vertical: 0 1px 4px 0 var(--shadow-color), 0 2px 2px 0 var(--shadow-color); - --shadow-vertical-strong: 0 1px 3px 1px var(--shadow-color), 0 2px 4px 3px var(--shadow-color); --shadow-vertical-top: 0 -1px 4px 0 var(--shadow-color), 0 -2px 2px 0 var(--shadow-color); --shadow-left: -1px 0 4px 0 var(--shadow-color), -2px 0 2px 0 var(--shadow-color); --shadow-right: 1px 0 4px 0 var(--shadow-color), 2px 0 2px 0 var(--shadow-color); @@ -57,10 +56,6 @@ --modal-height-small: 200px; --modal-transition-offset: -64px; - --menu-border-radius: 0.3em; - --menu-item-hover-color: #bbbbbb; - --menu-item-active-color: #aaaaaa; - --link-color: var(--accent-color); --link-color-hover: var(--accent-color-dark); --text-color-light: #666666; @@ -938,58 +933,6 @@ button.icon-button.modal-header-button:active>.icon-button-inner>.icon { } -/* Popup menu */ -.popup-menu-container { - position: fixed; - left: 0; - top: 0; - right: 0; - bottom: 0; - z-index: 101; - outline: none; - overflow: hidden; -} -.popup-menu { - position: absolute; - left: 0; - top: 0; - max-width: 100%; - max-height: 100%; - box-sizing: border-box; - box-shadow: var(--shadow-vertical-strong); - border-radius: var(--menu-border-radius); - background-color: var(--background-color-light); - padding: 0.5em 0; - display: flex; - flex-flow: column nowrap; - align-items: stretch; - min-width: 8em; - overflow: auto; - white-space: nowrap; -} -button.popup-menu-item { - padding: 0.625em 1.5em; - border-radius: 0; - background-color: transparent; - color: var(--text-color); - border: none; - width: 100%; - text-align: left; - font-weight: normal; - font-family: inherit; -} -button.popup-menu-item:hover:not(:disabled), -button.popup-menu-item:focus:not(:disabled) { - background-color: var(--menu-item-hover-color); -} -button.popup-menu-item:active:not(:disabled) { - background-color: var(--menu-item-active-color); -} -button.popup-menu-item:disabled { - color: var(--text-color-light); -} - - /* Status footer */ .status-footer-container { position: fixed; -- cgit v1.2.3