mirrors/Firefox-UI-Fix
1
Fork 0
mirror of https://github.com/black7375/Firefox-UI-Fix.git synced 2026-02-08 00:10:40 -08:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix: Auto Hide - Infobar with overlap

Browse source
This commit is contained in:
alstjr7375 2022-07-28 10:30:34 +09:00
parent d74fd2a1f2
commit e1fe6dccf6
4 changed files with 21 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

15
css/leptonChrome.css
View file

@ -3521,6 +3521,11 @@
}
}
/*= Info Bar - Reduce Padding ================================================*/
@supports -moz-bool-pref("userChrome.padding.infobar") or -moz-bool-pref("userChrome.autohide.infobar") {
#tab-notification-deck notification-message[message-bar-type="infobar"]:not([style*="margin-top"]) {
margin: var(--infobar-message-margin, 0 4px var(--infobar-message-vertical-margin, 8px)) !important;
}
}
@supports -moz-bool-pref("userChrome.padding.infobar") {
:root:not([uidensity]) #tab-notification-deck {
--infobar-message-vertical-margin: 3px;
@ -3540,10 +3545,6 @@
--infobar-button-vertical-margin: 4px;
}
#tab-notification-deck notification-message[message-bar-type="infobar"]:not([style*="margin-top"]) {
margin: var(--infobar-message-margin, 0 4px var(--infobar-message-vertical-margin)) !important;
}
.infobar > .icon {
margin-block: var(--infobar-vertical-margin) !important;
/* Original: 8px */
@ -5980,10 +5981,14 @@
> .notificationbox-stack[slot="selected"]
> notification-message {
--infobar-message-margin: 0 4px var(--infobar-message-vertical-margin, 8px);
margin-bottom: 0;
opacity: 1;
}
@supports -moz-bool-pref("userChrome.autohide.toolbar_overlap") {
#tab-notification-deck:not([customizing]) {
height: 0;
}
}
@media (prefers-reduced-motion: no-preference) {
#tab-notification-deck:not([customizing]) > .notificationbox-stack[slot="selected"] > notification-message {
transition: margin-bottom 0.25s var(--animation-easing-function) var(--uc-autohide-toolbar-delay),

7
src/autohide/_infobar.scss
View file

@ -11,10 +11,15 @@
#navigator-toolbox:is(:hover, :focus-within) #tab-notification-deck:not([customizing]) > .notificationbox-stack[slot="selected"] > notification-message {
--infobar-message-margin: 0 4px var(--infobar-message-vertical-margin, 8px);
margin-bottom: 0;
opacity: 1;
}
@include Option("userChrome.autohide.toolbar_overlap") {
#tab-notification-deck:not([customizing]) {
height: 0;
}
}
@include Animate {
#tab-notification-deck:not([customizing]) > .notificationbox-stack[slot="selected"] > notification-message {
transition: margin-bottom 0.25s var(--animation-easing-function) var(--uc-autohide-toolbar-delay),

5
src/padding/_index.scss
View file

@ -46,6 +46,11 @@
}
/*= Info Bar - Reduce Padding ================================================*/
@include Option("userChrome.padding.infobar", "userChrome.autohide.infobar") {
#tab-notification-deck notification-message[message-bar-type="infobar"]:not([style*="margin-top"]) {
margin: var(--infobar-message-margin, 0 4px var(--infobar-message-vertical-margin, 8px)) !important;
}
}
@include Option("userChrome.padding.infobar") {
@import "info_bar";
}

3
src/padding/_info_bar.scss
View file

@ -16,9 +16,6 @@
--infobar-vertical-margin: 8px;
--infobar-button-vertical-margin: 4px;
}
#tab-notification-deck notification-message[message-bar-type="infobar"]:not([style*="margin-top"]) {
margin: var(--infobar-message-margin, 0 4px var(--infobar-message-vertical-margin)) !important;
}
:root:not([uidensity]) #tab-notification-deck,
:root:not([uidensity]) notification-message[message-bar-type="infobar"] {