Move menu styles into material.css (#1283)

1 files changed, 0 insertions, 57 deletions

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;