add private browsing indicator

This commit is contained in:
bmFtZQ 2021-03-29 22:03:50 +08:00 committed by GitHub
parent ff55bdc516
commit ad9fc2f697
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -48,14 +48,42 @@ panel .toolbarbutton-badge
pointer-events: none !important; pointer-events: none !important;
} }
#navigator-toolbox #fxa-toolbar-menu-button {
margin-inline: 5px !important;
border-radius: 99px !important;
margin-block: -2px !important;
}
#navigator-toolbox #fxa-toolbar-menu-button > :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack)
{
width: 30px !important;
height: 30px !important;
}
#navigator-toolbox #fxa-toolbar-menu-button > :-moz-any(.toolbarbutton-icon, .toolbarbutton-badge-stack)
{
padding: 3px !important;
background: 0 !important;
}
#fxa-avatar-image {
width: 24px !important;
height: 24px !important;
}
/* show "Private" label for en languages only */ /* show "Private" label for en languages only */
:root[titlemodifier="(Private Browsing)"] #fxa-toolbar-menu-button::before :root[privatebrowsingmode] #fxa-toolbar-menu-button::before
{ {
content: "Private" !important; content: "Private" !important;
display: -moz-box !important; display: -moz-box !important;
margin-inline-start: 12px !important; margin-inline-start: 12px !important;
margin-inline-end: 6px !important; margin-inline-end: 6px !important;
} }
:root[privatebrowsingmode] #navigator-toolbox #fxa-toolbar-menu-button {
background-color: var(--private-browinging-indicator) !important;
color: white !important;
margin-inline: 0 !important;
}
#nav-bar-customization-target #nav-bar-customization-target
{ {