Siklos/edge-frfox
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

fix various issues & change zoom controls

Browse source
This commit is contained in:
bmFtZQ 2021-03-28 03:33:30 +08:00 • committed by GitHub
parent 1af4171d7e
commit 315f3dc6e0
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 94 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

112
chrome/popup/popup.css
View file

@ -255,18 +255,25 @@ menupopup
menuitem[type="checkbox"] > .menu-iconic-left > .menu-iconic-icon, menuitem[type="checkbox"] > .menu-iconic-left > .menu-iconic-icon,
menuitem[checked="true"] > .menu-iconic-left > .menu-iconic-icon, menuitem[checked="true"] > .menu-iconic-left > .menu-iconic-icon,
menuitem[type="radio"] > .menu-iconic-left > .menu-iconic-icon menuitem[type="radio"] > .menu-iconic-left > .menu-iconic-icon,
menuitem[selected="true"] > .menu-iconic-left > .menu-iconic-icon
{ {
display: -moz-box !important; display: -moz-box !important;
padding: 4px !important; padding: 4px !important;
} }
menuitem[checked="true"] > .menu-iconic-left > .menu-iconic-icon menuitem[checked="true"] > .menu-iconic-left > .menu-iconic-icon,
menuitem[selected="true"] > .menu-iconic-left > .menu-iconic-icon
{ {
/* checkmark is 18px, not 16px, hence reduced padding */ /* checkmark is 18px, not 16px, hence reduced padding */
list-style-image: url(checkmark.svg) !important; list-style-image: url(checkmark.svg) !important;
} }
menulist > menupopup > menuitem[checked="true"]::before, menulist > menupopup > menuitem[selected="true"]::before
{
display: none !important;
}
#context-navigation #context-navigation
{ {
background: 0 !important; background: 0 !important;
@ -347,13 +354,13 @@ panelview .toolbarbutton-1,
.panel-banner-item .panel-banner-item
{ {
min-height: 32px !important; min-height: 32px !important;
padding: 0 16px !important; padding: 0 12px !important;
} }
.subviewbutton .toolbarbutton-icon, .subviewbutton .toolbarbutton-icon,
.panel-banner-item .toolbarbutton-icon .panel-banner-item .toolbarbutton-icon
{ {
margin-inline-end: 16px !important; margin-inline-end: 8px !important;
width: 24px !important; width: 24px !important;
height: 24px !important; height: 24px !important;
padding: 4px !important; padding: 4px !important;
@ -368,11 +375,32 @@ panelview .toolbarbutton-1,
#appMenu-zoom-controls > .subviewbutton, #appMenu-zoom-controls > .subviewbutton,
#appMenu-edit-controls > .subviewbutton #appMenu-edit-controls > .subviewbutton
{ {
min-width: 32px !important; min-width: 42px !important;
border-radius: 16px !important; max-width: 46px !important;
padding: 0 8px !important; border-radius: 0 !important;
border: 0 !important; border: 0 !important;
margin-inline-start: 4px !important; padding: 0 !important;
margin-inline-start: 0 !important;
background-clip: padding-box !important;
}
#appMenu-zoom-controls > .subviewbutton-iconic,
#appMenu-edit-controls > .subviewbutton-iconic
{
padding: 0 !important;
width: 42px !important;
}
#appMenu-zoomReset-button {
width: 46px !important;
}
#appMenu-edit-controls > .subviewbutton,
#appMenu-zoom-controls > #appMenu-fullscreen-button,
#appMenu-zoom-controls > #appMenu-zoomReduce-button
{
border-left: 1px solid var(--panel-separator-color) !important;
padding-left: 1px !important;
} }
#appMenu-zoom-controls > toolbarseparator[orient="vertical"] + .subviewbutton #appMenu-zoom-controls > toolbarseparator[orient="vertical"] + .subviewbutton
@ -380,10 +408,29 @@ panelview .toolbarbutton-1,
margin-inline-start: 0 !important; margin-inline-start: 0 !important;
} }
#appMenu-zoom-controls > .subviewbutton-iconic, #appMenu-zoomReset-button
#appMenu-edit-controls > .subviewbutton-iconic
{ {
padding: 0 !important; background-color: transparent !important;
}
#appMenu-zoomReset-button:not([disabled], [open], :active):is(:hover, :focus), #appMenu-zoomReset-button2:not([disabled], [open], :active):is(:hover, :focus)
{
background-color: var(--panelview-toolbarbutton-hover-bgcolor) !important;
}
#appMenu-zoomReset-button:not([disabled]):is([open], :hover:active), #appMenu-zoomReset-button2:not([disabled]):is([open], :hover:active)
{
background-color: var(--panelview-toolbarbutton-active-bgcolor) !important;
}
.toolbaritem-combined-buttons:not([widget-type="button-and-view"]), .toolbaritem-menu-buttons {
padding-inline-start: 24px !important;
margin-block: -6px !important;
margin-inline-end: 0 !important;
}
.toolbaritem-combined-buttons toolbarseparator {
display: none !important;
} }
.panel-banner-item .panel-banner-item
@ -985,17 +1032,50 @@ panelmultiview .toolbaritem-combined-buttons > spacer.after-label
{ {
content: "" !important; content: "" !important;
display: block !important; display: block !important;
border-radius: 4px !important; border-radius: 2px !important;
position: absolute !important; position: absolute !important;
left: 0 !important; left: 0 !important;
top: 0 !important; top: 0 !important;
width: 100% !important; width: 100% !important;
height: 100% !important; height: 100% !important;
border: 1px solid currentColor !important; border: 1px solid currentColor !important;
opacity: .42 !important; opacity: .2 !important;
box-sizing: border-box !important; box-sizing: border-box !important;
} }
panel menulist
{
appearance: none !important;
color: var(--arrowpanel-color) !important;
height: 30px !important;
padding-inline: 6px 10px !important;
background-image:
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' %3E%3Crect style='fill:none; stroke:context-stroke; stroke-width:1px; stroke-opacity:context-stroke-opacity; height:calc(100%25 - 1px); width:calc(100%25 + 2px)' x='.5' y='.5' rx='2.5'/%3E%3C/svg%3E"),
url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='2' %3E%3Crect style='fill:none; stroke:context-stroke; stroke-width:1px; stroke-opacity:context-stroke-opacity; height:calc(100%25 - 1px); width:4px; x:-2.5px;' y='.5' rx='2.5'/%3E%3C/svg%3E") !important;
background-size: calc(100% - 2px) 30px, 2px 30px !important;
background-position: left, right !important;
background-repeat: no-repeat !important;
-moz-context-properties: stroke, stroke-opacity !important;
stroke: currentColor !important;
stroke-opacity: .3 !important;
}
panel menulist::after
{
content: "";
width: 16px !important;
height: 16px !important;
display: block !important;
-moz-context-properties: fill, fill-opacity !important;
background-image: url(menu-right.svg) !important;
background-size: 16px !important;
background-position: center !important;
background-repeat: no-repeat !important;
margin-inline-start: 8px !important;
transform: rotate(90deg) !important;
opacity: .7 !important;
}
.panel-footer button:not([default]):hover:active:not([disabled]) > .button-box::before .panel-footer button:not([default]):hover:active:not([disabled]) > .button-box::before
{ {
border-width: 0 !important; border-width: 0 !important;
@ -1060,7 +1140,7 @@ richlistitem:-moz-any(
/* Popup Icons */ /* Popup Icons */
menupopup:not(#ContentSelectDropdown > menupopup) menuitem:not(.menuitem-iconic, [type], menu menuitem)::before { menupopup:not(#ContentSelectDropdown > menupopup) menuitem:not(.menuitem-iconic, [type], menu menuitem, .in-menulist menuitem)::before {
content: ""; content: "";
-moz-context-properties: fill, fill-opacity !important; -moz-context-properties: fill, fill-opacity !important;
padding-inline: 12px !important; padding-inline: 12px !important;
@ -1071,10 +1151,6 @@ menupopup:not(#ContentSelectDropdown > menupopup) menuitem:not(.menuitem-iconic,
background-repeat: no-repeat !important; background-repeat: no-repeat !important;
background-position: center !important; background-position: center !important;
} }
menulist > menupopup > menuitem[checked="true"]::before, menulist > menupopup > menuitem[selected="true"]::before {
margin-inline-start: 0 !important;
margin-inline-end: -15px !important;
}
#context-inspect::before { #context-inspect::before {
background-image: url(icons/inspect.svg); background-image: url(icons/inspect.svg);