mirrors/desktop
1
0
Fork 0
mirror of https://github.com/zen-browser/desktop.git synced 2026-01-08 06:13:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Refactor CSS styles for browser container and glance view, improving layout and border handling

Browse Source
This commit is contained in:
mr. M
2024-11-06 19:55:59 +01:00
parent 8542000540
commit 27c5119664
2 changed files with 3 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -7,16 +7,14 @@
box-shadow: 0 0 1px 1px light-dark(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3));
border: 1px solid light-dark(transparent, rgba(255,255,255,.08));
& .browserContainer,
#zen-glance-browser browser {
& .browserContainer {
overflow: hidden;
border-radius: var(--zen-webview-border-radius, var(--zen-border-radius));
}
}
@media (-moz-bool-pref: 'zen.view.experimental-rounded-view') {
#tabbrowser-tabpanels,
#zen-glance-browser {
#tabbrowser-tabpanels {
mix-blend-mode: multiply;
-moz-osx-font-smoothing: grayscale;
isolation: isolate;

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

@@ -59,6 +59,7 @@
top: 0;
left: 0;
flex: unset !important;
border: 1px solid var(--zen-colors-border);
&[has-finished-animation='true'] {
position: relative !important;
@@ -69,16 +70,6 @@
left: 0 !important;
}
& #zen-glance-browser {
border-radius: var(--zen-border-radius);
background: var(--zen-dialog-background);
overflow: hidden;
width: 100%;
position: relative;
border-radius: var(--zen-border-radius);
height: 100%;
}
& #zen-glance-sidebar-container {
position: fixed;
display: flex;