ZenBrowserMirrors/zen-desktop
1
0
Fork 1
mirror of https://github.com/zen-browser/desktop.git synced 2025-07-10 18:15:30 +02:00
Code 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
No known key found for this signature in database
GPG key ID: CBD57A2AEDBDA1FB
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'),