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

Add: Decoration - Panel arrow #399

Browse source
This commit is contained in:
alstjr7375 2022-10-11 09:49:17 +09:00
parent 237a9eb4f5
commit 0103a3208a
5 changed files with 39 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

14
css/leptonChrome.css
View file

@ -2935,6 +2935,20 @@
border-image-slice: 1; border-image-slice: 1;
} }
} }
/*= Panel UI Arrow ===========================================================*/
@supports -moz-bool-pref("userChrome.decoration.panel_arrow") {
#appMenu-popup {
margin-top: -8px !important;
/* Original: -4px */
padding-top: 4px;
background-image: url("../icons/panelarrow-vertical.svg");
background-repeat: no-repeat;
background-position: top right 10px;
-moz-context-properties: fill, stroke;
fill: var(--panel-background);
stroke: var(--panel-border-color);
}
}
@media (prefers-reduced-motion: no-preference) { @media (prefers-reduced-motion: no-preference) {
/*= Field Border ===========================================================*/ /*= Field Border ===========================================================*/
@supports -moz-bool-pref("userChrome.decoration.field_border") { @supports -moz-bool-pref("userChrome.decoration.field_border") {

7
icons/panelarrow-vertical.svg Normal file
View file

@ -0,0 +1,7 @@
<!-- This Source Code Form is subject to the terms of the Mozilla Public
- License, v. 2.0. If a copy of the MPL was not distributed with this
- file, You can obtain one at http://mozilla.org/MPL/2.0/. -->
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="10">
<path d="M 0,10 L 10,0 20,10 z" fill="context-stroke"/>
<path d="M 1,10 L 10,1 19,10 z" fill="context-fill"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 396 B

5
src/decoration/_index.scss
View file

@ -8,6 +8,11 @@
@import "panel_button_separator"; @import "panel_button_separator";
} }
/*= Panel UI Arrow ===========================================================*/
@include Option("userChrome.decoration.panel_arrow") {
@import "panel_arrow";
}
@include Animate { @include Animate {
/*= Field Border ===========================================================*/ /*= Field Border ===========================================================*/
@include Option("userChrome.decoration.field_border") { @include Option("userChrome.decoration.field_border") {

12
src/decoration/_panel_arrow.scss Normal file
View file

@ -0,0 +1,12 @@
#appMenu-popup {
margin-top: -8px !important; /* Original: -4px */
padding-top: 4px;
background-image: url("../icons/panelarrow-vertical.svg");
background-repeat: no-repeat;
background-position: top right 10px;
-moz-context-properties: fill, stroke;
fill: var(--panel-background);
stroke: var(--panel-border-color);
}

1
user.js
View file

@ -77,6 +77,7 @@ user_pref("userChrome.rounding.square_tab", false);
// user_pref("userChrome.decoration.disable_panel_animate", true); // user_pref("userChrome.decoration.disable_panel_animate", true);
// user_pref("userChrome.decoration.disable_sidebar_animate", true); // user_pref("userChrome.decoration.disable_sidebar_animate", true);
// user_pref("userChrome.decoration.panel_button_separator", true); // user_pref("userChrome.decoration.panel_button_separator", true);
// user_pref("userChrome.decoration.panel_arrow", true);
// user_pref("userChrome.autohide.tab", true); // user_pref("userChrome.autohide.tab", true);
// user_pref("userChrome.autohide.tab.opacity", true); // user_pref("userChrome.autohide.tab.opacity", true);