pmOS-tweaks/fenix-fox
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Small improvements to context_menus_more_proton.css

Browse source 
This increases menupop corner rounding to match arrowpanels and makes
context-navigation hover color match other menuitem backgrounds
This commit is contained in:
MrOtherGuy 2023-01-11 10:53:23 +02:00
parent 76867a5f57
commit 036af1d3a0
1 changed files with 8 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
chrome/context_menus_more_proton.css
View file

@ -11,7 +11,7 @@ See the above repository for updates as well as full license text. */
--panel-separator-margin-vertical: 4px; --panel-separator-margin-vertical: 4px;
--button-hover-bgcolor: rgb(82, 82, 94); --button-hover-bgcolor: rgb(82, 82, 94);
} }
/* Set custom context menu colors below */ /* OPTIONAL Set custom context menu colors below */
/* /*
menupopup:not(.in-menulist){ menupopup:not(.in-menulist){
--panel-background: #eb2a33 !important; --panel-background: #eb2a33 !important;
@ -20,7 +20,8 @@ menupopup:not(.in-menulist){
*/ */
menupopup{ menupopup{
--panel-item-hover-bgcolor: var(--button-hover-bgcolor) --panel-item-hover-bgcolor: var(--button-hover-bgcolor);
--panel-border-radius: var(--arrowpanel-border-radius) !important;
} }
menupopup > menuitem, menupopup > menuitem,
menupopup > menu{ menupopup > menu{
@ -34,7 +35,9 @@ menupopup > menu{
#context-navigation{ #context-navigation{
padding-inline: var(--arrowpanel-menuitem-padding-inline) !important; padding-inline: var(--arrowpanel-menuitem-padding-inline) !important;
} }
.menu-right{
margin-inline-end: initial !important;
}
menupopup:not(.in-menulist){ menupopup:not(.in-menulist){
--panel-padding: var(--arrowpanel-menuitem-padding-block) 0 !important; --panel-padding: var(--arrowpanel-menuitem-padding-block) 0 !important;
} }
@ -45,6 +48,7 @@ menuseparator:not(.in-menulist){
#context-navigation > menuitem[_moz-menuactive] .menu-iconic-icon{ #context-navigation > menuitem[_moz-menuactive] .menu-iconic-icon{
border-radius: var(--arrowpanel-menuitem-border-radius) !important; border-radius: var(--arrowpanel-menuitem-border-radius) !important;
} }
#context-navigation > menuitem[_moz-menuactive] .menu-iconic-icon,
menupopup > menuitem[_moz-menuactive], menupopup > menuitem[_moz-menuactive],
menupopup > menu[_moz-menuactive]{ menupopup > menu[_moz-menuactive]{
background-color: var(--panel-item-hover-bgcolor) !important; background-color: var(--panel-item-hover-bgcolor) !important;