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

show generic fxa icon when not signed in #47

Browse source
This commit is contained in:
bmFtZQ 2022-07-15 01:02:14 +08:00
parent 445f232646
commit f767e707c0
4 changed files with 39 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

13
chrome/icons/account-private.svg Normal file
View file

@ -0,0 +1,13 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="a" x1="4.22" x2="11.78" y1="7.979" y2="7.979" gradientUnits="userSpaceOnUse">
<stop stop-color="#b2b2b2" offset="0"/>
<stop stop-color="#b2b2b2" stop-opacity="0" offset="1"/>
</linearGradient>
</defs>
<path fill="#303030" d="M0 0h16v16H0z"/>
<g fill="url(#a)">
<circle cx="8" cy="5.767" r="2.433"/>
<path d="M5.244 8.867c-.613 0-1.024.46-1.024 1.107 0 1.949 1.996 2.651 3.78 2.651 1.784 0 3.78-.702 3.78-2.651 0-.648-.41-1.107-1.023-1.107z"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 584 B

7
chrome/icons/account.svg Normal file
View file

@ -0,0 +1,7 @@
<svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">
<path fill="#fafafa" d="M0 0h16v16H0z"/>
<g fill="#8f8f8f">
<circle cx="8" cy="5.767" r="2.433"/>
<path d="M5.244 8.867c-.613 0-1.024.46-1.024 1.107 0 1.949 1.996 2.651 3.78 2.651 1.784 0 3.78-.702 3.78-2.651 0-.648-.41-1.107-1.023-1.107z"/>
</g>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 332 B

8
chrome/icons/icons.css
View file

@ -37,6 +37,14 @@ and 11 so applied to both) */
fill: currentColor !important;
}
:root[fxastatus="not_configured"] #fxa-avatar-image {
list-style-image: url("account.svg") !important;
}
:root[privatebrowsingmode] #fxa-avatar-image {
list-style-image: url("account-private.svg") !important;
}
/* disable context menu icons on macOS */
@media not (-moz-platform: macos) {
#context-back {

13
chrome/toolbar/navbar.css
View file

@ -30,7 +30,8 @@
/* account button */
#navigator-toolbox>toolbar #fxa-toolbar-menu-button,
#navigator-toolbox>toolbar #fxa-toolbar-menu-button>.toolbarbutton-badge-stack {
#navigator-toolbox>toolbar #fxa-toolbar-menu-button>.toolbarbutton-badge-stack,
#fxa-avatar-image {
border-radius: 99px !important;
}
@ -39,7 +40,15 @@
margin-inline: calc(var(--uc-toolbarbutton-inner-inline-padding) - var(--toolbarbutton-inner-padding)) !important;
}
:root[fxastatus="signedin"] #fxa-avatar-image {
#fxa-toolbar-menu-button {
display: -moz-box !important;
}
#widget-overflow-list>#fxa-toolbar-menu-button #fxa-avatar-image {
scale: 1.25 !important;
}
#nav-bar-customization-target>#fxa-toolbar-menu-button #fxa-avatar-image {
scale: 1.5 !important;
}