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

Refactor CSS styles for improved layout and transitions; adjust sidebar and tab margins for better visual consistency

Browse Source
This commit is contained in:
mr. M
2025-01-17 22:23:57 +01:00
parent 41cecd4947
commit b0354fa8b9
5 changed files with 111 additions and 121 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
src/browser/base/zen-components/ZenCompactMode.mjs
View File

@@ -147,7 +147,7 @@ var gZenCompactModeManager = {
if (canHideSidebar && isCompactMode) {
window.requestAnimationFrame(() => {
this.sidebar.style.position = 'unset';
this.sidebar.style.transition = 'margin .4s ease';
this.sidebar.style.transition = 'margin .3s ease-in-out';
this.sidebar.style.left = '0';
if (!this.sidebarIsOnRight) {
this.sidebar.style.marginLeft = `${-1 * sidebarWidth}px`;
@@ -188,7 +188,7 @@ var gZenCompactModeManager = {
}
window.requestAnimationFrame(() => {
this.sidebar.style.transition = 'margin .3s ease, transform .275s ease, opacity .3s ease';
this.sidebar.style.transition = 'margin .3s ease-in-out, transform .275s ease-in-out, opacity .3s ease';
// we are in compact mode and we are exiting it
if (!this.sidebarIsOnRight) {
this.sidebar.style.marginLeft = '0';
@@ -274,7 +274,7 @@ var gZenCompactModeManager = {
{
element: this.sidebar,
screenEdge: this.sidebarIsOnRight ? 'right' : 'left',
keepHoverDuration: 100,
keepHoverDuration: 50,
},
{
element: document.getElementById('zen-appcontent-navbar-container'),