mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2025-10-17 23:32:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

Refactor CSS styles to replace border-radius with native inner radius and update box-shadow for improved visual consistency

Browse Source
This commit is contained in:
mr. M
2025-01-23 14:09:34 +01:00
parent bb9a97496d
commit 20f3a4128c
8 changed files with 27 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/browser/base/content/browser-commands-js.patch Normal file
View File

@@ -0,0 +1,15 @@
diff --git a/browser/base/content/browser-commands.js b/browser/base/content/browser-commands.js
index 352de44dda36e3f6672eb353f42978ede0cd2681..d6956a318c34bfb12b0ba957edab1166e1a4edaf 100644
--- a/browser/base/content/browser-commands.js
+++ b/browser/base/content/browser-commands.js
@@ -407,8 +407,8 @@ var BrowserCommands = {
(event.ctrlKey || event.metaKey || event.altKey) &&
gBrowser.selectedTab.pinned
) {
- if (gBrowser.visibleTabs.length > gBrowser.pinnedTabCount) {
- gBrowser.tabContainer.selectedIndex = gBrowser.pinnedTabCount;
+ if (gBrowser.visibleTabs.length > gBrowser._numVisiblePinTabs) {
+ gBrowser.tabContainer.selectedIndex = gBrowser._numVisiblePinTabs;
}
return;
}

1
src/browser/base/content/zen-styles/zen-browser-container.css
View File

@@ -6,7 +6,6 @@
:root:not([inDOMFullscreen='true']):not([chromehidden~='location']):not([chromehidden~='toolbar']) {
& #tabbrowser-tabbox #tabbrowser-tabpanels .browserSidebarContainer {
width: -moz-available;
--zen-native-content-radius: env(-moz-gtk-csd-titlebar-radius, var(--zen-border-radius));
border-radius: var(--zen-native-inner-radius);
position: relative;

5
src/browser/base/content/zen-styles/zen-decks.css
View File

@@ -56,11 +56,6 @@
--zen-split-row-gap: calc(var(--zen-element-separation) + 1px);
--zen-split-column-gap: calc(var(--zen-element-separation) + 1px);
margin-right: calc(-1 * var(--zen-split-column-gap));
:root[zen-right-side='true'] & {
margin-right: 0;
margin-left: var(--zen-element-separation);
}
}
#tabbrowser-tabpanels:has(> [zen-split='true']),

10
src/browser/base/content/zen-styles/zen-glance.css
View File

@@ -48,12 +48,12 @@
& .browserContainer {
background: var(--zen-dialog-background);
position: fixed;
border-radius: var(--zen-border-radius);
border-radius: var(--zen-native-inner-radius);
opacity: 0;
top: 0;
left: 0;
flex: unset !important;
border: 1px solid var(--zen-colors-border);
box-shadow: var(--zen-big-shadow);
&[has-finished-animation='true'] {
position: relative !important;
@@ -65,7 +65,7 @@
}
& .browserStack {
border-radius: var(--zen-border-radius);
border-radius: var(--zen-native-inner-radius);
overflow: hidden;
}
@@ -81,8 +81,8 @@
border: 1px solid var(--zen-colors-border);
border-right: none;
border-top-left-radius: var(--zen-border-radius);
border-bottom-left-radius: var(--zen-border-radius);
border-top-left-radius: var(--zen-native-inner-radius);
border-bottom-left-radius: var(--zen-native-inner-radius);
padding: 5px;
gap: 6px;

3
src/browser/base/content/zen-styles/zen-sidebar-panels.css
View File

@@ -83,7 +83,6 @@
border-radius: var(--zen-native-inner-radius);
z-index: 2;
box-shadow: var(--zen-big-shadow);
border: 1px solid var(--zen-colors-border);
background: var(--zen-colors-tertiary);
opacity: 0;
animation-delay: 0.1s;
@@ -108,7 +107,7 @@
top: 0;
left: 0;
height: 100%;
width: calc(var(--zen-element-separation) * 2 - 3px);
width: var(--zen-element-separation);
background: transparent;
border: none;
cursor: ew-resize;