Firefox-UI-Fix/src/rounding/_square.scss
2023-02-06 12:39:52 +05:00

97 lines
2.3 KiB
SCSS

@include Option("userChrome.rounding.square_tab") {
:root {
--tab-border-radius: 0 !important; /* Original: 4px */
}
}
@include Option("userChrome.rounding.square_button") {
:root {
--urlbar-icon-border-radius: 0 !important; /* Original: calc(var(--toolbarbutton-border-radius) - 1px); */
}
.toolbarbutton-1,
.toolbarbutton-icon,
.panel-info-button,
.searchbar-engine-one-off-item,
.urlbarView-button,
.urlbarView-tip-button,
.urlbarView-action,
.tab-close-button,
toolbarbutton.bookmark-item:not(.subviewbutton),
#sidebar-switcher-target {
--toolbarbutton-border-radius: 0; /* Original: 4px */
}
button,
findbar toolbarbutton,
.notification-button,
#main-menubar > menu {
border-radius: 0 !important;
}
}
@include Option("userChrome.rounding.square_tab", "userChrome.rounding.square_button") {
/* Fix Tab bar button radius */
#TabsToolbar .toolbarbutton-1:not(#tabs-newtab-button),
.tab-close-button {
--tab-border-radius: var(--toolbarbutton-border-radius);
}
}
@include Option("userChrome.rounding.square_dialog") {
.dialogBox {
border-radius: 0 !important;
}
}
@include Option("userChrome.rounding.square_panel") {
:root {
--arrowpanel-border-radius: 0 !important;
}
}
@include Option("userChrome.rounding.square_panelitem") {
:root {
--arrowpanel-menuitem-border-radius: 0 !important;
--subviewbutton-border-radius: 0 !important;
}
}
@include Option("userChrome.rounding.square_menupopup") {
menupopup {
--panel-border-radius: 0px !important;
border-radius: 0 !important;
}
}
@include Option("userChrome.rounding.square_menuitem") {
xul|menulist:not([native]),
xul|menulist > xul|menupopup xul|menu,
xul|menulist > xul|menupopup xul|menuitem {
border-radius: 0 !important;
}
}
@include Option("userChrome.rounding.square_field") {
html|select[size][multiple],
xul|listheader,
xul|richlistbox,
xul|menulist,
html|input {
border-radius: 0 !important;
}
#urlbar-input-container,
#urlbar-background,
#searchbar {
--toolbarbutton-border-radius: 0;
}
}
@include Option("userChrome.rounding.square_urlView_item") {
.urlbarView-row-inner {
--toolbarbutton-border-radius: 0;
}
}
@include Option("userChrome.rounding.square_checklabel") {
.checkbox-check {
border-radius: 0 !important;
}
}