fix(ui): update URL bar layout and adjust media controls padding

This commit is contained in:
mr. M
2025-03-15 18:59:28 +01:00
parent 963fb3ca3c
commit ce2e68ee32
2 changed files with 6 additions and 2 deletions

View File

@@ -65,6 +65,7 @@ var gZenUIManager = {
tabs.style.removeProperty('flex'); tabs.style.removeProperty('flex');
tabs.style.maxHeight = height + 'px'; tabs.style.maxHeight = height + 'px';
gZenVerticalTabsManager.actualWindowButtons.removeAttribute('zen-has-hover'); gZenVerticalTabsManager.actualWindowButtons.removeAttribute('zen-has-hover');
gURLBar.updateLayoutBreakout();
}, },
get tabsWrapper() { get tabsWrapper() {
@@ -361,7 +362,7 @@ var gZenVerticalTabsManager = {
marginBottom: isLastTab() ? [] : [transform, '0px'], marginBottom: isLastTab() ? [] : [transform, '0px'],
}, },
{ {
duration: 0.2, duration: 0.12,
easing: 'ease-out', easing: 'ease-out',
} }
) )
@@ -373,6 +374,9 @@ var gZenVerticalTabsManager = {
gZenUIManager.motion gZenUIManager.motion
.animate(aTab.querySelector('.tab-content'), { .animate(aTab.querySelector('.tab-content'), {
filter: ['blur(1px)', 'blur(0px)'], filter: ['blur(1px)', 'blur(0px)'],
}, {
duration: 0.12,
easing: 'ease-out',
}) })
.then(() => { .then(() => {
aTab.querySelector('.tab-stack').style.removeProperty('filter'); aTab.querySelector('.tab-stack').style.removeProperty('filter');

View File

@@ -110,7 +110,7 @@
position: absolute; position: absolute;
left: 0; left: 0;
bottom: 0; bottom: 0;
padding: 5px; padding: 4px 6px;
border-radius: var(--border-radius-medium); border-radius: var(--border-radius-medium);
background: var(--zen-media-control-bg) !important; background: var(--zen-media-control-bg) !important;
width: 100%; width: 100%;