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

update rounded corners to the side bar

Browse source 
also includes:
* Fix various issues with bookmarks bar
* Removes the double separators from the context menu
* Updates the styling of the tab container indicator
This commit is contained in:
bmFtZQ 2023-11-23 15:58:49 +08:00
parent c7ec9aa13a
commit f793e2f83d
5 changed files with 98 additions and 23 deletions
Download patch file Download diff file Expand all files Collapse all files

39
chrome/toolbar/personalbar.css
View file

@ -4,39 +4,60 @@
--bookmark-block-padding: 6px !important;
}
/* Bookmarks bar item sizing */
#personal-toolbar-empty-description,
#PersonalToolbar .toolbarbutton-1,
toolbarbutton.bookmark-item:not(.subviewbutton) {
margin-block: 0 4px !important;
padding: var(--bookmark-block-padding) 6px !important;
margin-block: 2px 4px !important;
padding-block: var(--bookmark-block-padding) !important;
padding-inline: 6px !important;
font-size: 12px !important;
/* Adjust vertical label position on Windows */
@media (-moz-platform: windows) {
& .toolbarbutton-text {
margin-block: -1px 0 !important;
}
}
}
#PersonalToolbar .toolbarbutton-1 {
padding: 0 !important;
}
#PlacesToolbarItems>toolbarseparator::before {
content: "";
display: block;
border-inline-start: 1px solid var(--toolbarseparator-color) !important;
margin-block: 6px 10px !important;
border-image-source: none !important;
/* Bookmarks bar separators */
#PlacesToolbarItems > toolbarseparator {
padding-inline: 1px !important;
&::before {
content: "";
display: block;
border-inline-start: 1px solid var(--toolbarseparator-color) !important;
margin-block: 8px 10px !important;
border-image-source: none !important;
}
}
/* Left and Right padding of bookmarks bar */
#PersonalToolbar {
padding-inline: calc(var(--toolbar-start-end-padding) - 2px) calc(var(--toolbar-start-end-padding) + 6px) !important;
}
/* Spacing between icon and label for bookmarks bar items */
#managed-bookmarks>.toolbarbutton-icon,
#bookmarks-toolbar-placeholder>.toolbarbutton-icon,
#PlacesToolbarItems>.bookmark-item>.toolbarbutton-icon[label]:not([label=""]),
#OtherBookmarks.bookmark-item[container]>.toolbarbutton-icon {
margin-inline-end: 6px !important;
margin-inline-end: 8px !important;
}
/* Sizing for bookmarks bar icons */
#PersonalToolbar .toolbarbutton-1>.toolbarbutton-icon {
width: calc(2 * var(--bookmark-block-padding) + 16px) !important;
height: calc(2 * var(--bookmark-block-padding) + 16px) !important;
padding: var(--bookmark-block-padding) !important;
}
:root {
--bookmarks-toolbar-overlapping-browser-height: 34px !important;
}

16
chrome/toolbar/tabbar.css
View file

@ -265,13 +265,15 @@
padding: 0 12px !important;
}
.tabbrowser-tab[usercontextid]>.tab-stack>.tab-background>.tab-context-line {
height: 8px !important;
clip-path: inset(0 0 6px) !important;
border-radius: var(--tab-border-radius) !important;
border-bottom-left-radius: 0 !important;
border-bottom-right-radius: 0 !important;
margin: 0 !important;
/* Tab container indicator */
.tabbrowser-tab[usercontextid] .tab-background .tab-context-line {
height: 2px !important;
border-radius: 2px !important;
margin: 2px 7px 0 !important;
}
.tabbrowser-tab[selected][usercontextid] .tab-background .tab-context-line {
margin-inline: 9px !important;
}
.titlebar-spacer[type="post-tabs"] {