jarno
/
firefox-gnome-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Update new Identity popup theming to FF68, fix #70

This commit is contained in:
Rafael Mardojai CM 2019-08-12 08:53:17 -05:00
parent 1f6eb6346e
commit b7446712df
5 changed files with 69 additions and 24 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
theme/parts/buttons-fixes.css
View File

@ -84,8 +84,8 @@
/* Fix library animation */
#library-animatable-box {
--library-button-height: 46px !important;
--library-icon-x: 1716px !important;
--library-button-height: 46px !important;
--library-icon-x: 1716px !important;
/*--library-icon-x: 1715.9833984375px !important;*/
}
#library-button[animate] > .toolbarbutton-icon {
@ -109,10 +109,10 @@
list-style-image: url("chrome://browser/skin/settings.svg") !important;
}
#tracking-protection-preferences-button > .toolbarbutton-text {
padding-inline-end: 0 !important;
padding-inline-end: 0 !important;
}
.protections-popup-footer-button-label {
margin-inline-start: 3px !important;
margin-inline-start: 3px !important;
}
/* Fix findbar buttons issues */
@ -137,8 +137,8 @@
/* Sidebar history view */
#viewButton {
margin: 0 !important;
margin-inline-start: 6px !important;
margin: 0 !important;
margin-inline-start: 6px !important;
}
/* Menulist */
@ -154,6 +154,11 @@ menulist {
margin: 6px !important;
}
/* Identity popup tracking protection button */
.tracking-protection-button {
margin-inline-end: 0 !important;
}
/* Identity popup delete permission button */
.identity-popup-permission-remove-button {
opacity: 1 !important;

21
theme/parts/buttons.css
View File

@ -33,7 +33,8 @@
.protections-popup-footer-button,
.identity-popup-permission-remove-button,
#identity-popup-security-expander,
#PanelUI-panic-view-button {
#PanelUI-panic-view-button,
.tracking-protection-button {
-moz-appearance: none !important;
background: var(--gnome-button-background) !important;
box-shadow: var(--gnome-button-box-shadow) !important;
@ -67,7 +68,8 @@
.findbar-container toolbarbutton.findbar-button,
.notification-button,
.protections-popup-footer-button,
#PanelUI-panic-view-button {
#PanelUI-panic-view-button,
.tracking-protection-button {
padding: 2px 16px !important;
text-align: center !important;
}
@ -121,7 +123,8 @@ menulist:hover .menulist-label-box,
.notification-button:hover,
.protections-popup-footer-button:hover,
.identity-popup-permission-remove-button:hover,
#identity-popup-security-expander:hover {
#identity-popup-security-expander:hover,
.tracking-protection-button:hover {
outline: 0 !important;
background: var(--gnome-button-hover-background) !important;
}
@ -151,7 +154,8 @@ menulist[open] .menulist-label-box,
.notification-button:active,
.protections-popup-footer-button:not(#hack):active,
.identity-popup-permission-remove-button:active,
#identity-popup-security-expander:active {
#identity-popup-security-expander:active,
.tracking-protection-button:active {
background: var(--gnome-button-active-background) !important;
box-shadow: var(--gnome-button-active-box-shadow) !important;
border-color: var(--gnome-button-active-border-color) !important;
@ -251,7 +255,8 @@ menulist[open] .menulist-label-box,
/* Buttons with suggested action */
#appMenu-popup .panel-banner-item[notificationid="update-restart"],
button.popup-notification-primary-button,
#editBookmarkPanelDoneButton {
#editBookmarkPanelDoneButton,
#tracking-action-block {
color: white !important;
background: var(--gnome-button-suggested-action-background) !important;
border-color: var(--gnome-button-suggested-action-border-color) !important;
@ -262,13 +267,15 @@ button.popup-notification-primary-button,
#appMenu-popup .panel-banner-item[notificationid="update-restart"]:hover,
button.popup-notification-primary-button.popup-notification-button:hover,
#editBookmarkPanelDoneButton:hover {
#editBookmarkPanelDoneButton:hover,
#tracking-action-block:hover {
background: var(--gnome-button-suggested-action-hover-background) !important;
}
#appMenu-popup .panel-banner-item[notificationid="update-restart"]:active,
button.popup-notification-primary-button.popup-notification-button:active,
#editBookmarkPanelDoneButton:active {
#editBookmarkPanelDoneButton:active,
#tracking-action-block:active {
background: var(--gnome-button-suggested-action-active-background) !important;
border-color: var(--gnome-button-suggested-action-active-border-color) !important;
box-shadow: var(--gnome-button-suggested-action-active-box-shadow) !important;

4
theme/parts/icons.css
View File

@ -30,6 +30,9 @@
.protections-popup-category::after {
content: url("../icons/pan-start-symbolic.svg") !important;
}
.identity-popup-content-blocking-category::after {
content: url("../icons/pan-start-symbolic.svg") !important;
}
#identity-popup-security-expander .button-icon {
list-style-image: url("../icons/pan-start-symbolic.svg") !important;
}
@ -288,6 +291,7 @@ menuitem[type="radio"]:hover .menu-iconic-icon {
@media (prefers-color-scheme: dark) {
.PanelUI-subView .subviewbutton-nav::after,
.protections-popup-category::after,
.identity-popup-content-blocking-category::after,
#identity-popup-security-expander .button-icon,
.subviewbutton-back .toolbarbutton-icon,

39
theme/parts/popups-contents.css
View File

@ -143,24 +143,49 @@ panelview vbox.panel-subview-body > toolbarbutton label, #appMenu-protection-rep
border: 0 !important;
}
.identity-popup-security-connection {
.identity-popup-security-content, #identity-popup-permissions-content, #identity-popup-content-blocking-content {
padding-inline-end: 0 !important;
padding-inline-start: 0 !important;
}
#identity-popup-permissions-content, #identity-popup-content-blocking-content {
background-image: none !important;
}
.identity-popup-security-content {
background-position: 0em 0.8em !important;
background-size: 24px auto;
}
.identity-popup-security-content .identity-popup-headline {
margin-left: 1.4em !important;
}
#identity-popup-content-blocking-category-list, #identity-popup-permission-list {
margin-inline-start: 0 !important;
}
.identity-popup-security-connection { /* FF70 */
background-position: 6px 50% !important;
padding-inline-start: 22px !important;
}
#identity-popup-security-description {
#identity-popup-security-description { /* FF70 */
padding-inline-start: 0 !important;
}
.identity-popup-content-blocking-category-icon, .identity-popup-permission-icon {
margin-inline-start: 0 !important;
}
.identity-popup-content-blocking-category-label {
margin-inline-start: 6px !important;
}
.identity-popup-content-blocking-category-state-label {
opacity: 0.7;
}
#identity-popup-permissions-content {
padding-right: 0 !important;
}
#identity-popup-permissions-content {
padding-inline-start: 6px !important;
}
#identity-popup-permissions-content,
.identity-popup-permission-item {
padding-inline-end: 0 !important;
padding-inline-start: 0 !important;
}
#identity-popup-permissions-content {
padding-bottom: 10px !important;

12
theme/parts/popups.css
View File

@ -64,7 +64,8 @@ panel:not(.tooltip-xul-wrapper) .panel-arrowcontent {
#appMenu-notification-popup .panel-arrowcontent,
#identity-popup .panel-arrowcontent,
#protections-popup .panel-arrowcontent,
#sidebarMenu-popup .panel-arrowcontent {
#sidebarMenu-popup .panel-arrowcontent,
#UITourTooltip .panel-arrowcontent {
padding: 10px !important;
}
#notification-popup .panel-footer,
@ -120,12 +121,14 @@ panel:not(.tooltip-xul-wrapper)[type=arrow][remote] .panel-header {
/* Style popovers menu buttons */
.subviewbutton:not(.subviewbutton-back),
.toolbarbutton-1, .protections-popup-category {
.toolbarbutton-1, .protections-popup-category,
.identity-popup-content-blocking-category {
border-radius: 5px !important;
color: var(--gnome-toolbar-color) !important;
}
.subviewbutton:not(.subviewbutton-back),
.protections-popup-category {
.protections-popup-category,
.identity-popup-content-blocking-category {
padding: 5px !important;
}
@ -137,7 +140,8 @@ panel:not(.tooltip-xul-wrapper)[type=arrow][remote] .panel-header {
opacity: 0.5 !important;
}
.subviewbutton:not([disabled]):hover, .toolbarbutton-1:not([disabled]):hover, .protections-popup-category:hover {
.subviewbutton:not([disabled]):hover, .toolbarbutton-1:not([disabled]):hover, .protections-popup-category:hover,
.identity-popup-content-blocking-category:hover {
background-color: var(--gnome-popover-button-hover-background) !important;
}