Reduce panel's shadow margin #44

Guerra24 · Mar 25, 2022 · 49be911 · 49be911
1 parent f482ad1
commit 49be911
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 44 deletions.
diff --git a/css/base.css b/css/base.css
@@ -294,11 +294,7 @@ findbar[hidden] {
 	display: none !important;
 }
 slot[part="content"]:only-child {
-	margin: 30px !important;
-	margin-top: 10px !important;
-	margin-left: 20px !important;
-	margin-right: 20px !important;
-	margin-bottom: 30px !important;
+	margin: var(--uwp-popup-padding) !important;
 	border: 1px solid var(--uwp-context-border) !important;
 	border-radius: var(--uwp-tags-overlay-radius) !important;
 	background: var(--uwp-context-background) !important;
@@ -329,24 +325,20 @@ panel .text-link {
 }
 /* Various Panels */
 #PopupAutoComplete {
-	margin-top: -10px !important;
-	margin-left: -20px !important;
+	margin: var(--uwp-popup-margin) !important;
 }
-#appMenu-popup {
-	margin-top: -10px !important;
-	margin-right: -33px !important;
+panel[position*="bottomcenter"] {
+	margin-top: -2px !important;
 }
-#identity-popup, #permission-popup, #protections-popup {
-	margin-top: -9px !important;
-	margin-left: -31px !important;
+panel[position*="topleft"]:not([position~="bottomleft"]) {
+	margin-left: -22px !important;
 }
-#pageActionPanel {
-	margin-top: -5px !important;
-	margin-right: -30px !important;
+panel[position*="topright"] {
+	margin-right: -25px !important;
 }
-#editBookmarkPanel {
-	margin-top: -9px !important;
-	margin-right: -32px !important;
+panel[position*="bottomleft"] {
+	margin-left: -11px !important;
+	margin-bottom: -18px !important;
 }
 #editBookmarkPanelFavicon {
 	display: none !important;
@@ -364,30 +356,6 @@ panel .text-link {
 #editBookmarkPanel .panel-header {
 	border-bottom: none !important;
 }
-#notification-popup {
-	margin-top: -5px !important;
-	margin-left: -32px !important;
-}
-#widget-overflow, #downloadsPanel {
-	margin-top: -10px !important;
-	margin-right: -34px !important;
-}
-#appMenu-notification-popup {
-	margin-top: -10px !important;
-	margin-right: -33px !important;
-}
-.whatsNew-message-body {
-	background: transparent !important;
-	border: none !important;
-}
-#customizationui-widget-panel {
-	margin-right: -34px !important;
-	margin-top: -10px !important;
-}
-#customization-uidensity-menu {
-	margin-bottom: -30px !important;
-	margin-left: -20px !important;
-}
 #customization-uidensity-button {
 	width: 200px !important;
 }
@@ -428,6 +396,10 @@ panel .text-link {
 .identity-popup-security-connection:not(.identity-button) .identity-popup-connection-secure {
 	margin-left: 38px !important;
 }
+.whatsNew-message-body {
+	background: transparent !important;
+	border: none !important;
+}
 #DateTimePickerPanel {
     --arrowpanel-background: var(--uwp-context-background) !important;
 }
@@ -807,6 +779,13 @@ notification {
 #urlbar-zoom-button {
 	background: transparent !important;
 }
+
+.panel-banner-item {
+	margin: var(--arrowpanel-menuitem-margin) !important;
+	padding: var(--arrowpanel-menuitem-padding) !important;
+	border-radius: var(--arrowpanel-menuitem-border-radius) !important;
+}
+
 :root {
 	--toolbarbutton-border-radius: 0px !important;
 	--tab-min-height: 32px !important;

diff --git a/css/styles/mdl2.css b/css/styles/mdl2.css
@@ -18,7 +18,7 @@
 		--uwp-background: var(--uwp-global-back);
 		--uwp-foreground: var(--uwp-global-front);
 
-		--uwp-button-transition: nones;
+		--uwp-button-transition: none;
 		--uwp-button-color: var(--uwp-foreground);
 		--uwp-button-background: var(--uwp-tags-button);
 		--uwp-button-border: 2px solid var(--uwp-tags-button);