feat: tweaked the UI

This commit is contained in:
Nick 2025-03-01 15:50:36 -06:00
parent 45c0ede406
commit 62bbd3a0d5
2 changed files with 76 additions and 1 deletions

View file

@ -93,3 +93,78 @@
visibility: visible !important;
opacity: 1 !important;
}
/* One-Line Tweak */
:root {
--navbarWidth: clamp(300px, 30vw, 30vw);
--animationSpeed: 0.15s;
}
/* Oneline tweak */
#TabsToolbar {
margin-left: var(--navbarWidth) !important;
}
#nav-bar {
margin-right: calc(100vw - var(--navbarWidth)) !important;
}
#urlbar-container {
min-width: 0px !important;
}
:root[uidensity="compact"] #nav-bar {
margin-top: -37px !important;
height: 37px !important;
}
:root:not([uidensity="compact"]):not([uidensity="touch"]) #nav-bar {
margin-top: -44px !important;
height: 44px !important;
}
:root[uidensity="touch"] #nav-bar {
margin-top: -49px !important;
height: 49px !important;
}
/* Dragging space */
:root[sizemode="maximized"] #TabsToolbar {
margin-top: 1px;
}
#TabsToolbar {
margin-top: 5px;
}
/* Simplifying interface */
#nav-bar {
background: none !important;
box-shadow: none !important;
}
#navigator-toolbox {
border: none !important;
}
.titlebar-spacer {
display: none !important;
}
#urlbar-background {
border: none !important;
}
#urlbar:not(:hover):not([breakout][breakout-extend])>#urlbar-background {
box-shadow: none !important;
background: none !important;
}
/* Add tab width constraints */
.tabbrowser-tab {
min-width: 80px !important;
max-width: 150px !important;
}