ZenBrowserMirrors/zen-desktop
1
0
Fork 1
mirror of https://github.com/zen-browser/desktop.git synced 2025-07-08 04:49:59 +02:00
Code Releases Wiki Activity

Refactor popup CSS for improved styling and media query handling

Browse source
This commit is contained in:
mr. M 2025-01-01 03:09:18 +01:00
parent 4bb43cb9b5
commit 03fbfc8f7a
No known key found for this signature in database
GPG key ID: CBD57A2AEDBDA1FB
1 changed files with 8 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/toolkit/themes/shared/popup-css.patch
View file

@ -1,21 +1,21 @@
diff --git a/toolkit/themes/shared/popup.css b/toolkit/themes/shared/popup.css diff --git a/toolkit/themes/shared/popup.css b/toolkit/themes/shared/popup.css
index a86b2e0e04769e25acbc6f7d2294dae895e3392e..dce7e1a2bdf52e616c987a04c0d5c1c1ede42676 100644 index 648c65a9c21dc0e670b50c82cbfb237a68a951d9..cdce283353eecf42a70b7ea3a806703ba10d6a17 100644
--- a/toolkit/themes/shared/popup.css --- a/toolkit/themes/shared/popup.css
+++ b/toolkit/themes/shared/popup.css +++ b/toolkit/themes/shared/popup.css
@@ -30,8 +30,7 @@ panel { @@ -30,8 +30,7 @@ panel {
--background-color-canvas: var(--panel-background); --background-color-canvas: var(--panel-background);
@media (-moz-platform: linux) { @media (-moz-platform: linux) {
- --panel-border-radius: 8px; - --panel-border-radius: 8px;
- --panel-padding-block: 3px; - --panel-padding-block: 3px;
+ +
@media (prefers-contrast) { @media (prefers-contrast) {
--panel-border-color: color-mix(in srgb, currentColor 60%, transparent); --panel-border-color: color-mix(in srgb, currentColor 60%, transparent);
@@ -49,18 +48,7 @@ panel { @@ -49,18 +48,7 @@ panel {
--panel-border-radius: 0px !important; --panel-border-radius: 0px !important;
} }
- @media (-moz-platform: macos) { - @media (-moz-platform: macos) {
- appearance: auto; - appearance: auto;
- -moz-default-appearance: menupopup; - -moz-default-appearance: menupopup;
@ -29,13 +29,14 @@ index a86b2e0e04769e25acbc6f7d2294dae895e3392e..dce7e1a2bdf52e616c987a04c0d5c1c1
- --panel-border-radius: 6px; - --panel-border-radius: 6px;
- } - }
+ +
&::part(content) { &::part(content) {
display: flex; display: flex;
@@ -199,6 +187,5 @@ panel[type="arrow"] { @@ -198,7 +186,6 @@ panel:where([type="arrow"]) {
} }
&[animating] { &[animating] {
- pointer-events: none; - pointer-events: none;
} }
} }
}