Siklos/edge-frfox
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Change tab and address/search bar to Pheonix redesign

Browse source
This commit is contained in:
TGSAN 2023-06-29 19:26:28 +08:00 • committed by TGSAN
parent 64e4c3e776
commit 8275c0c835
3 changed files with 26 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

8
README.md
View file

@ -56,9 +56,11 @@ To disable a tweak, set the key to `false` or delete it, then restart the browse
| ----------------------------- |
| `uc.tweak.disable-drag-space` |
| enable Edge style floating tabs |
| ------------------------------- |
| `uc.tweak.floating-tabs` |
| enable Edge style floating tabs |
| -------------------------------------------------------------- |
| `uc.tweak.floating-tabs` |
| **OPTIONAL: Make the top and bottom margins of the tab equal** |
| `uc.tweak.floating-tabs.equal-margin` |
| enable Mica toolbar background *(Windows 11 only)* |
| ------------------------------------------------------------------- |

17
chrome/toolbar/tabbar.css
View file

@ -1,10 +1,21 @@
/* EdgeFr-Fox 2 - tabbar */
@supports -moz-bool-pref("uc.tweak.floating-tabs.equal-margin") and -moz-bool-pref("uc.tweak.floating-tabs") {
:root #titlebar {
--tab-block-margin: 5px !important;
}
}
@supports (not -moz-bool-pref("uc.tweak.floating-tabs.equal-margin")) or (not -moz-bool-pref("uc.tweak.floating-tabs")) {
:root #titlebar {
--tab-block-margin: 8px !important;
}
}
:root #titlebar {
--tab-min-height: 32px !important;
--inline-tab-padding: 11px !important;
--tab-border-radius: 4px !important;
--tab-block-margin: 8px !important;
--tab-border-radius: 8px !important;
--uc-toolbarbutton-inner-padding: 6px !important;
--toolbarbutton-border-radius: 2px !important;
@ -234,7 +245,7 @@
.tabbrowser-tab {
font-size: 12px !important;
padding-inline: 0 !important;
overflow-clip-margin: 4px !important;
overflow-clip-margin: 8px !important;
}
#TabsToolbar .toolbarbutton-1>.toolbarbutton-icon,

9
chrome/toolbar/urlbar.css
View file

@ -3,7 +3,7 @@
:root {
--urlbar-min-height: 30px !important;
--urlbarView-item-inline-padding: 14px !important;
--urlbar-icon-border-radius: var(--toolbarbutton-border-radius) !important;
--urlbar-icon-border-radius: calc(var(--toolbarbutton-border-radius) + 14px) !important;
--urlbar-icon-padding: calc(var(--toolbarbutton-inner-padding) - 2px) !important;
--uc-urlbar-icon-inline-padding: calc(var(--uc-toolbarbutton-inner-inline-padding) - 2px) !important;
--identity-box-margin-inline: 2px !important;
@ -116,7 +116,12 @@
#urlbar-background,
#searchbar {
border-radius: calc(var(--toolbarbutton-border-radius) + 2px) !important;
border-radius: var(--urlbar-icon-border-radius) !important;
}
#urlbar:hover:not([suppress-focus-border])>#urlbar-background,
#searchbar:hover {
outline: 1.25px solid rgb(128, 128, 128);
}
/* move tracking protection button */