Files
desktop/src/toolkit/themes/shared/popup-css.patch
mauro-balades d3c8a55976 Animated popups
2024-04-03 23:23:41 +02:00

63 lines
2.2 KiB
Diff

diff --git a/toolkit/themes/shared/popup.css b/toolkit/themes/shared/popup.css
index ddc41a66ed0e3688ce34052652bef1fe33a08d49..ee6acc414a86626ac15b5a744ebcb867c85fe536 100644
--- a/toolkit/themes/shared/popup.css
+++ b/toolkit/themes/shared/popup.css
@@ -2,6 +2,8 @@
* License, v. 2.0. If a copy of the MPL was not distributed with this
* file, You can obtain one at http://mozilla.org/MPL/2.0/. */
+@import url("zen-popup.css");
+
@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
/* ::::: menupopup ::::: */
@@ -13,16 +15,16 @@ panel {
color-scheme: light dark;
min-width: 1px;
- --panel-background: Menu;
+ --panel-background: var(--arrowpanel-background);
--panel-color: MenuText;
--panel-padding-block: 4px;
--panel-padding: var(--panel-padding-block) 0;
--panel-border-radius: 4px;
- --panel-border-color: ThreeDShadow;
+ --panel-border-color: light-dark(rgba(0,0,0,.2), rgba(255,255,255,.1)) /* var(--arrowpanel-border-color) */ !important;
--panel-width: initial;
--panel-shadow-margin: 0px;
- --panel-shadow: 0 0 var(--panel-shadow-margin) hsla(0,0%,0%,.2);
+ --panel-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;;
-moz-window-input-region-margin: var(--panel-shadow-margin);
margin: calc(-1 * var(--panel-shadow-margin));
@@ -30,8 +32,6 @@ panel {
--color-canvas: var(--panel-background);
@media (-moz-platform: linux) {
- --panel-border-radius: 8px;
- --panel-padding-block: 3px;
@media (prefers-contrast) {
--panel-border-color: color-mix(in srgb, currentColor 60%, transparent);
@@ -43,18 +43,7 @@ panel {
--panel-shadow-margin: 4px;
}
- @media (-moz-platform: macos) {
- appearance: auto;
- -moz-default-appearance: menupopup;
- /* We set the default background here, rather than on ::part(content),
- * because otherwise it'd interfere with the native look. Non-native-looking
- * popups should get their background via --panel-background */
- background-color: Menu;
- --panel-background: none;
- --panel-border-color: transparent;
- /* This should be kept in sync with GetMenuMaskImage() */
- --panel-border-radius: 6px;
- }
+
&::part(content) {
display: flex;