Identity popup improvements, make permission remove button flat,

fix #71
This commit is contained in:
Rafael Mardojai CM 2019-08-12 13:13:27 -05:00
parent eaf983909e
commit 6adf436b0f
3 changed files with 20 additions and 12 deletions

View File

@ -198,7 +198,8 @@ menulist[open] .menulist-label-box,
.subviewbutton-back:not(#hack),
.close-icon:not(.tab-close-button),
#TabsToolbar .toolbarbutton-1,
#protections-popup-show-report-button {
#protections-popup-show-report-button,
.identity-popup-permission-remove-button:not(#hack) {
background: transparent !important;
box-shadow: none !important;
border-color: transparent !important;
@ -214,7 +215,8 @@ menulist[open] .menulist-label-box,
}
/* Circle buttons */
#downloadsPanel-mainView .download-state .downloadButton {
#downloadsPanel-mainView .download-state .downloadButton,
.identity-popup-permission-remove-button:not(#hack) {
border-radius: 100% !important;
}
@ -307,6 +309,15 @@ button.popup-notification-primary-button.popup-notification-button:active,
border-color: var(--gnome-button-destructive-action-active-border-color) !important;
box-shadow: var(--gnome-button-destructive-action-active-box-shadow) !important;
}
.identity-popup-permission-remove-button:not(#hack):hover { /* Is flat */
border-color: var(--gnome-button-destructive-action-border-color) !important;
border-bottom-color: var(--gnome-button-destructive-action-border-accent-color) !important;
box-shadow: var(--gnome-button-destructive-action-box-shadow) !important;
}
.identity-popup-permission-remove-button:not(#hack):hover .button-icon {
filter: invert(100%) brightness(200%);
}
/* User sync menu, bigger avatar */
#fxa-toolbar-menu-button .toolbarbutton-badge-stack {

View File

@ -47,7 +47,7 @@
-moz-appearance: none !important;
list-style-image: url("../icons/pan-end-symbolic.svg") !important;
width: 16px !important;
height: 16px !important;
height: 16px !important;
}
menu[disabled] > .menu-right {
opacity: 0.3;
@ -146,9 +146,6 @@ menuitem[type="radio"]:hover .menu-iconic-icon {
.identity-popup-permission-remove-button .button-icon {
list-style-image: url("../icons/window-close-symbolic.svg") !important;
}
.identity-popup-permission-remove-button .button-icon { /* Destructive action, always white */
filter: invert(100%) brightness(200%);
}
/* Window buttons */
:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-close .toolbarbutton-icon,
@ -310,7 +307,8 @@ menuitem[type="radio"]:hover .menu-iconic-icon {
menuitem[type="checkbox"] .menu-iconic-icon,
menuitem[type="radio"] .menu-iconic-icon,
.close-icon:not(.tab-close-button) image,
.close-icon:not(.tab-close-button) image,
.identity-popup-permission-remove-button .button-icon,
:root[tabsintitlebar] #titlebar .titlebar-buttonbox .titlebar-close .toolbarbutton-icon,
:root[tabsintitlebar] #titlebar #titlebar-close .toolbarbutton-icon,

View File

@ -163,8 +163,8 @@ panelview vbox.panel-subview-body > toolbarbutton label, #appMenu-protection-rep
}
.identity-popup-security-connection { /* FF70 */
background-position: 6px 50% !important;
padding-inline-start: 22px !important;
background-position: 0 50% !important;
padding-inline-start: 16px !important;
}
#identity-popup-security-description { /* FF70 */
padding-inline-start: 0 !important;
@ -183,9 +183,8 @@ panelview vbox.panel-subview-body > toolbarbutton label, #appMenu-protection-rep
#identity-popup-permissions-content {
padding-right: 0 !important;
}
#identity-popup-permissions-content,
.identity-popup-permission-item {
#identity-popup-permissions-content description {
margin-inline-start: 0 !important;
}
#identity-popup-permissions-content {
padding-bottom: 10px !important;