aboutsummaryrefslogtreecommitdiff
path: root/arc-firefox-theme/chrome/browser/customizableui/panelUIOverlay.css
diff options
context:
space:
mode:
authorHorst31802015-09-24 02:11:04 +0200
committerHorst31802015-09-24 02:11:04 +0200
commit976787c0273b2f4d60e979dc7754d76acbaea8ed (patch)
treeb303c2cdcc99ebd85f42099338f7d179c6248720 /arc-firefox-theme/chrome/browser/customizableui/panelUIOverlay.css
parent4bd72dfb583377dcc92304cb5f5122fccfd26a00 (diff)
downloadsolarc-firefox-theme-976787c0273b2f4d60e979dc7754d76acbaea8ed.tar.gz
solarc-firefox-theme-976787c0273b2f4d60e979dc7754d76acbaea8ed.tar.xz
solarc-firefox-theme-976787c0273b2f4d60e979dc7754d76acbaea8ed.zip
update to 42.0b1
Diffstat (limited to 'arc-firefox-theme/chrome/browser/customizableui/panelUIOverlay.css')
-rw-r--r--arc-firefox-theme/chrome/browser/customizableui/panelUIOverlay.css111
1 files changed, 77 insertions, 34 deletions
diff --git a/arc-firefox-theme/chrome/browser/customizableui/panelUIOverlay.css b/arc-firefox-theme/chrome/browser/customizableui/panelUIOverlay.css
index 8937d70..c96ee12 100644
--- a/arc-firefox-theme/chrome/browser/customizableui/panelUIOverlay.css
+++ b/arc-firefox-theme/chrome/browser/customizableui/panelUIOverlay.css
@@ -83,8 +83,8 @@
}
#PanelUI-button {
- -moz-margin-start: 2px;
- -moz-border-start: 1px solid;
+ margin-inline-start: 2px;
+ border-inline-start: 1px solid;
border-image: linear-gradient(transparent, rgba(0,0,0,.1) 20%, rgba(0,0,0,.1) 80%, transparent);
border-image-slice: 1;
}
@@ -93,10 +93,33 @@
border-image-source: linear-gradient(transparent, rgba(100%,100%,100%,.2) 20%, rgba(100%,100%,100%,.2) 80%, transparent);
}
-#PanelUI-menu-button[update-status="succeeded"] .toolbarbutton-badge::after {
- content: url(chrome://browser/skin/update-badge.svg);
- background-color: #74BF43;
+#PanelUI-menu-button[badge-status] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
+ display: -moz-box;
height: 10px;
+ width: 10px;
+ background-size: contain;
+ border: none;
+}
+
+#PanelUI-menu-button[badge-status="update-succeeded"] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
+ background: #74BF43 url(chrome://browser/skin/update-badge.svg) no-repeat center;
+ height: 13px;
+}
+
+#PanelUI-menu-button[badge-status="update-failed"] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
+ background: #D90000 url(chrome://browser/skin/update-badge-failed.svg) no-repeat center;
+ height: 13px;
+}
+
+#PanelUI-menu-button[badge-status="fxa-needs-authentication"] > .toolbarbutton-badge-stack > .toolbarbutton-badge {
+ background: transparent url(chrome://browser/skin/warning.svg) no-repeat center;
+ height: 13px;
+ box-shadow: none;
+ filter: drop-shadow(0 1px 0 hsla(206, 50%, 10%, .15));
+}
+
+#PanelUI-menu-button[badge-status="fxa-needs-authentication"] > .toolbarbutton-badge-stack > .toolbarbutton-badge:-moz-window-inactive {
+ filter: none;
}
.panel-subviews {
@@ -163,16 +186,6 @@ panelmultiview[nosubviews=true] > .panel-viewcontainer > .panel-viewstack > .pan
flex-direction: column;
}
-#app-extension-point-end > #PanelUI-menu-button {
- padding: 2px 5px;
-}
-#app-extension-point-end > #PanelUI-menu-button .toolbarbutton-text {
- display: none;
-}
-#app-extension-point-end > #PanelUI-menu-button .toolbarbutton-icon {
- margin: 0;
-}
-
#PanelUI-popup > arrowscrollbox > autorepeatbutton {
display: none;
}
@@ -298,9 +311,9 @@ toolbarpaletteitem[place="panel"]:not([haswideitem=true]) > .toolbarbutton-1 {
/* Help SDK buttons fit in. */
toolbarpaletteitem[place="palette"] > toolbarbutton[constrain-size="true"] > .toolbarbutton-icon,
-toolbarpaletteitem[place="palette"] > toolbarbutton[constrain-size="true"] > .toolbarbutton-badge-container > .toolbarbutton-icon,
+toolbarpaletteitem[place="palette"] > toolbarbutton[constrain-size="true"] > .toolbarbutton-badge-stack > .toolbarbutton-icon,
toolbarbutton[constrain-size="true"][cui-areatype="menu-panel"] > .toolbarbutton-icon,
-toolbarbutton[constrain-size="true"][cui-areatype="menu-panel"] > .toolbarbutton-badge-container > .toolbarbutton-icon {
+toolbarbutton[constrain-size="true"][cui-areatype="menu-panel"] > .toolbarbutton-badge-stack > .toolbarbutton-icon {
height: 32px;
width: 32px;
}
@@ -418,10 +431,10 @@ toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-it
.panelUI-grid .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
.panelUI-grid .toolbarbutton-1 > .toolbarbutton-icon,
-.panelUI-grid .toolbarbutton-1 > .toolbarbutton-badge-container,
+.panelUI-grid .toolbarbutton-1 > .toolbarbutton-badge-stack,
.customization-palette .toolbarbutton-1 > .toolbarbutton-menubutton-button > .toolbarbutton-icon,
.customization-palette .toolbarbutton-1 > .toolbarbutton-icon,
-.customization-palette .toolbarbutton-1 > .toolbarbutton-badge-container,
+.customization-palette .toolbarbutton-1 > .toolbarbutton-badge-stack,
.panelUI-grid #bookmarks-toolbar-placeholder > .toolbarbutton-icon,
.customization-palette #bookmarks-toolbar-placeholder > .toolbarbutton-icon,
.panel-customization-placeholder-child > .toolbarbutton-icon {
@@ -447,8 +460,8 @@ toolbaritem[cui-areatype="menu-panel"][sdkstylewidget="true"]:not(.panel-wide-it
/* above we treat the container as the icon for the margins, that is so the
/* badge itself is positioned correctly. Here we make sure that the icon itself
/* has the minimum size we want, but no padding/margin. */
-.panelUI-grid .toolbarbutton-1 > .toolbarbutton-badge-container > .toolbarbutton-icon,
-.customization-palette .toolbarbutton-1 > .toolbarbutton-badge-container > .toolbarbutton-icon {
+.panelUI-grid .toolbarbutton-1 > .toolbarbutton-badge-stack > .toolbarbutton-icon,
+.customization-palette .toolbarbutton-1 > .toolbarbutton-badge-stack > .toolbarbutton-icon {
width: 32px;
height: 32px;
min-width: 32px;
@@ -501,6 +514,38 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
display: none;
}
+#PanelUI-footer-fxa[fxastatus="error"] > #PanelUI-fxa-status::after {
+ content: url(chrome://browser/skin/warning.svg);
+ filter: drop-shadow(0 1px 0 hsla(206, 50%, 10%, .15));
+ width: 47px;
+ padding-top: 1px;
+ display: block;
+ text-align: center;
+ position: relative;
+ top: 25%;
+}
+
+#PanelUI-update-status[update-status]::after {
+ content: "";
+ width: 14px;
+ height: 14px;
+ margin-right: 16.5px;
+ box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px -1px 0px rgba(0, 0, 0, 0.1) inset, 0px 1px 0px rgba(12, 27, 38, 0.2);
+ border-radius: 2px;
+ background-size: contain;
+ display: -moz-box;
+}
+
+#PanelUI-update-status[update-status="succeeded"]::after {
+ background-image: url(chrome://browser/skin/update-badge.svg);
+ background-color: #74BF43;
+}
+
+#PanelUI-update-status[update-status="failed"]::after {
+ background-image: url(chrome://browser/skin/update-badge-failed.svg);
+ background-color: #D90000;
+}
+
#PanelUI-fxa-status {
display: flex;
flex: 1 1 0%;
@@ -628,8 +673,8 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
#PanelUI-footer-fxa[fxastatus="migrate-signup"] > #PanelUI-fxa-status > #PanelUI-fxa-label,
#PanelUI-footer-fxa[fxastatus="migrate-verify"] > #PanelUI-fxa-status > #PanelUI-fxa-label {
- list-style-image: url(chrome://browser/skin/warning16.png);
- -moz-image-region: rect(0, 32px, 16px, 16px);
+ list-style-image: url(chrome://browser/skin/warning.svg);
+ -moz-image-region: auto;
}
#PanelUI-customize {
@@ -690,7 +735,7 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
}
#PanelUI-footer-fxa[fxaprofileimage="enabled"] > #PanelUI-fxa-status > #PanelUI-fxa-avatar {
- list-style-image: url(chrome://browser/skin/fxa/default-profile-image.svg);
+ list-style-image: url(chrome://browser/skin/fxa/default-avatar.png)
}
#PanelUI-customize:hover,
@@ -741,16 +786,16 @@ toolbarpaletteitem[place="palette"] > toolbaritem > toolbarbutton {
}
#PanelUI-footer-fxa[fxastatus="error"] {
- background-color: rgb(255, 236, 158);
- border-top: 1px solid rgb(254, 212, 21);
+ background-color: hsla(42, 94%, 88%, 1.0);
+ border-top: 1px solid hsla(42, 94%, 70%, 1.0);
}
#PanelUI-footer-fxa[fxastatus="error"] > #PanelUI-fxa-status:hover {
- background-color: #F9E79A;
+ background-color: hsla(42, 94%, 85%, 1.0);
}
#PanelUI-footer-fxa[fxastatus="error"] > #PanelUI-fxa-status:hover:active {
- background-color: #ECDB92;
+ background-color: hsla(42, 94%, 82%, 1.0);
box-shadow: 0 1px 0 hsla(210,4%,10%,.05) inset;
}
@@ -1482,6 +1527,10 @@ menuitem[checked="true"].subviewbutton > .menu-iconic-left {
list-style-image: url(chrome://branding/content/icon32.png);
}
+ #PanelUI-footer-fxa[fxaprofileimage="enabled"] > #PanelUI-fxa-status > #PanelUI-fxa-avatar {
+ list-style-image: url(chrome://browser/skin/fxa/default-avatar@2x.png)
+ }
+
#PanelUI-fxa-label,
#PanelUI-fxa-icon {
list-style-image: url(chrome://browser/skin/sync-horizontalbar@2x.png);
@@ -1491,12 +1540,6 @@ menuitem[checked="true"].subviewbutton > .menu-iconic-left {
list-style-image: url(chrome://browser/skin/syncProgress-horizontalbar@2x.png);
}
- #PanelUI-footer-fxa[fxastatus="migrate-signup"] > #PanelUI-fxa-status > #PanelUI-fxa-label,
- #PanelUI-footer-fxa[fxastatus="migrate-verify"] > #PanelUI-fxa-status > #PanelUI-fxa-label {
- list-style-image: url(chrome://browser/skin/warning16@2x.png);
- -moz-image-region: rect(0, 64px, 32px, 32px);
- }
-
#PanelUI-customize {
list-style-image: url(chrome://browser/skin/menuPanel-customize@2x.png);
}