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

Add: Auto Hide - Page action

Browse source
This commit is contained in:
alstjr7375 2022-07-29 07:14:35 +09:00
parent c9006ff2a9
commit 4e2f6fdce2
4 changed files with 65 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

32
css/leptonChrome.css
View file

@ -5679,6 +5679,38 @@
}
}
}
@supports -moz-bool-pref("userChrome.autohide.page_action") {
#page-action-buttons > .urlbar-page-action {
margin-inline-end: calc(-16px - 2 * var(--urlbar-icon-padding));
opacity: 0;
}
#urlbar-container:hover #page-action-buttons > .urlbar-page-action,
.urlbar-page-action[open],
.urlbar-page-action[open] ~ .urlbar-page-action {
margin-inline-end: 0px !important;
opacity: 1;
}
@media (prefers-reduced-motion: no-preference) {
#page-action-buttons > .urlbar-page-action {
transition: margin-inline-end 50ms var(--animation-easing-function) 900ms,
opacity 1.5s var(--animation-easing-function) 600ms !important;
}
@supports -moz-bool-pref("userChrome.decoration.animate") {
#page-action-buttons > .urlbar-page-action {
transition: margin-inline-end 50ms var(--animation-easing-function) 900ms,
opacity 1.5s var(--animation-easing-function) 600ms, background-color 2.5s var(--animation-easing-function) !important;
}
}
#urlbar-container:hover #page-action-buttons > .urlbar-page-action,
.urlbar-page-action[open],
.urlbar-page-action[open] ~ .urlbar-page-action {
transition-delay: 0s !important;
}
}
}
@supports -moz-bool-pref("userChrome.autohide.tab") {
@supports not -moz-bool-pref("userChrome.autohide.tab.opacity") {
@supports not -moz-bool-pref("userChrome.autohide.tab.blur") {

3
src/autohide/_index.scss
View file

@ -4,6 +4,9 @@
@include Option("userChrome.autohide.forward_button") {
@import "forward_button";
}
@include Option("userChrome.autohide.page_action") {
@import "page_action";
}
@include Option("userChrome.autohide.tab") {
@import "tab";

29
src/autohide/_page_action.scss Normal file
View file

@ -0,0 +1,29 @@
#page-action-buttons > .urlbar-page-action {
margin-inline-end: calc(-16px - 2 * var(--urlbar-icon-padding) );
opacity: 0;
}
#urlbar-container:hover #page-action-buttons > .urlbar-page-action,
.urlbar-page-action[open],
.urlbar-page-action[open] ~ .urlbar-page-action {
margin-inline-end: 0px !important;
opacity: 1;
}
@include Animate {
#page-action-buttons > .urlbar-page-action {
transition: margin-inline-end 50ms var(--animation-easing-function) 900ms,
opacity 1.5s var(--animation-easing-function) 600ms !important;
@include Option("userChrome.decoration.animate") {
transition: margin-inline-end 50ms var(--animation-easing-function) 900ms,
opacity 1.5s var(--animation-easing-function) 600ms,
background-color 2.5s var(--animation-easing-function) !important;
}
}
#urlbar-container:hover #page-action-buttons > .urlbar-page-action,
.urlbar-page-action[open],
.urlbar-page-action[open] ~ .urlbar-page-action{
transition-delay: 0s !important;
}
}

1
user.js
View file

@ -82,6 +82,7 @@ user_pref("userChrome.rounding.square_tab", false);
// user_pref("userChrome.autohide.sidebar", true);
// user_pref("userChrome.autohide.back_button", true);
// user_pref("userChrome.autohide.forward_button", true);
// user_pref("userChrome.autohide.page_action", true);
// user_pref("userChrome.autohide.toolbar_overlap", true);
// user_pref("userChrome.rounding.square_button", true);