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

@ -32,7 +32,7 @@
"floorp.browser.tabs.openNewTabPosition" = 1; "floorp.browser.tabs.openNewTabPosition" = 1;
"services.sync.prefs.sync.floorp.browser.note.memos" = false; "services.sync.prefs.sync.floorp.browser.note.memos" = false;
"floorp.disable.fullscreen.notification" = true; "floorp.disable.fullscreen.notification" = true;
"floorp.browser.user.interface" = 8; "floorp.browser.user.interface" = 1;
"browser.newtabpage.activity-stream.floorp.background.type" = 0; "browser.newtabpage.activity-stream.floorp.background.type" = 0;
"browser.startup.homepage" = "chrome://browser/content/blanktab.html"; "browser.startup.homepage" = "chrome://browser/content/blanktab.html";
"browser.newtabpage.enabled" = false; "browser.newtabpage.enabled" = false;

View file

@ -93,3 +93,78 @@
visibility: visible !important; visibility: visible !important;
opacity: 1 !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;
}