Bug 1564813 - Fix the quotaMeter appearance after the html:progress conversion. r=aleca a=jorgk
authorRichard Marti <richard.marti@gmail.com>
Mon, 15 Jul 2019 21:18:40 +0200
changeset 36080 eaaaf150fd01837ef7924878d308b7901688d6c4
parent 36079 172233075ffda8f444352817b7c71eda39ca6f36
child 36081 a1430256e067950d4f90b666314b814b1f1b1c52
push id392
push userclokep@gmail.com
push dateMon, 02 Sep 2019 20:17:19 +0000
reviewersaleca, jorgk
bugs1564813
Bug 1564813 - Fix the quotaMeter appearance after the html:progress conversion. r=aleca a=jorgk
mail/themes/linux/mail/mailWindow1.css
mail/themes/linux/mail/preferences/preferences.css
mail/themes/osx/mail/mailWindow1.css
mail/themes/osx/mail/preferences/preferences.css
mail/themes/shared/mail/mailWindow1.css
mail/themes/shared/mail/messenger.css
mail/themes/windows/mail/preferences/preferences.css
--- a/mail/themes/linux/mail/mailWindow1.css
+++ b/mail/themes/linux/mail/mailWindow1.css
@@ -164,20 +164,16 @@ treechildren::-moz-tree-cell-text(dummy)
 /* ..... message pane adjustments ..... */
 
 #messagepanebox:not(:-moz-lwtheme) {
   border-bottom: 1px solid ThreeDShadow;
 }
 
 /* ..... status bar adjustments ..... */
 
-#quotaMeter {
-  -moz-appearance: none;
-}
-
 #threadTree > treechildren::-moz-tree-row(odd) {
   background-color: transparent;
 }
 
 #threadTree > treechildren::-moz-tree-row(dummy, odd) {
   background-color: var(--row-grouped-header-bg-color);
 }
 
--- a/mail/themes/linux/mail/preferences/preferences.css
+++ b/mail/themes/linux/mail/preferences/preferences.css
@@ -56,24 +56,23 @@ menulist > menupopup > menuitem > .menu-
 
 #tagList:focus > listitem[selected="true"] {
   color: HighlightText !important;
 }
 
 /* Quota meter in Folder Properties */
 
 #quotaPercentageBar {
-  -moz-appearance: none;
-  border: 1px solid ThreeDShadow;
+  border-color: ThreeDShadow;
 }
 
-#quotaPercentageBar > .progress-bar {
+::-moz-progress-bar {
   -moz-appearance: none;
-  background-color: #88AAFF;
-  opacity: .5;
+  background-color: #45a1ff;
+  opacity: .75;
 }
 
 /* Cookies Manager */
 #cookieInfoBox {
   border: 1px solid ThreeDShadow;
   border-radius: 0;
   margin: 4px;
   padding: 0;
--- a/mail/themes/osx/mail/mailWindow1.css
+++ b/mail/themes/osx/mail/mailWindow1.css
@@ -176,22 +176,16 @@ treechildren::-moz-tree-cell-text(dummy)
   transition: border-color .3s;
 }
 
 #threadpane-splitter[state="collapsed"]:hover,
 #attachment-splitter[state="collapsed"]:hover {
   border-bottom: 4px solid highlight;
 }
 
-/* ..... status bar adjustments ..... */
-
-#quotaMeter {
-  -moz-appearance: none;
-}
-
 .tabmail-tab[type="message"][IsFeedMessage] {
   list-style-image: url("chrome://messenger-newsblog/skin/rss-feed.png");
   -moz-image-region: rect(16px 16px 32px 0);
 }
 
 @media (min-resolution: 2dppx) {
   .tabmail-tab[type="message"][IsFeedMessage] {
     list-style-image: url("chrome://messenger-newsblog/skin/rss-feed@2x.png");
--- a/mail/themes/osx/mail/preferences/preferences.css
+++ b/mail/themes/osx/mail/preferences/preferences.css
@@ -75,24 +75,23 @@ tabpanels {
 
 #tagList:focus > listitem[selected="true"] {
   color: HighlightText !important;
 }
 
 /* Quota meter in Folder Properties */
 
 #quotaPercentageBar {
-  -moz-appearance: none;
-  border: 1px solid #8B8B8B;
+  border-color: #8b8b8b;
 }
 
-#quotaPercentageBar > .progress-bar {
+::-moz-progress-bar {
   -moz-appearance: none;
-  background-color: #88AAFF;
-  opacity: .5;
+  background-color: #45a1ff;
+  opacity: .75;
 }
 
 /* Attachments */
 
 a {
   color: -moz-nativehyperlinktext;
   text-decoration: underline;
 }
--- a/mail/themes/shared/mail/mailWindow1.css
+++ b/mail/themes/shared/mail/mailWindow1.css
@@ -102,35 +102,8 @@ treechildren::-moz-tree-image(correspond
 
 #messagepanebox {
   overflow: hidden;
 }
 
 #multimessage {
   background-color: -moz-Field;
 }
-
-/* ..... status bar adjustments ..... */
-
-#quotaMeter {
-  min-width: 4em;
-  max-width: 4em;
-  border: 1px solid ThreeDShadow;
-}
-
-#quotaPanel .progress-bar {
-  -moz-appearance: none;
-  background-color: #88AAFF;
-  opacity: .5;
-}
-
-#quotaPanel[alert="warning"] .progress-bar {
-  background-color: orange;
-}
-
-#quotaPanel[alert="critical"] .progress-bar {
-  background-color: red;
-  opacity: .6;
-}
-
-#quotaLabel {
-  text-align: center;
-}
\ No newline at end of file
--- a/mail/themes/shared/mail/messenger.css
+++ b/mail/themes/shared/mail/messenger.css
@@ -1,15 +1,12 @@
 /* This Source Code Form is subject to the terms of the Mozilla Public
  * License, v. 2.0. If a copy of the MPL was not distributed with this
  * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
 
-@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");
-@namespace html url("http://www.w3.org/1999/xhtml");
-
 :root {
   --autocomplete-popup-background: -moz-field;
   --autocomplete-popup-color: -moz-fieldtext;
   --autocomplete-popup-border-color: ThreeDShadow;
   --autocomplete-popup-highlight-background: Highlight;
   --autocomplete-popup-highlight-color: HighlightText;
   /* Note: Setting this to 0 (without px) breaks CSS calculations for OSX. */
   --space-above-tabbar: 0px;
@@ -275,16 +272,46 @@ statusbarpanel,
   list-style-image: url("chrome://messenger/skin/icons/online.png");
   -moz-appearance: none;
 }
 
 #offline-status[offline="true"] {
   list-style-image: url("chrome://messenger/skin/icons/offline.png");
 }
 
+/* ..... status bar adjustments ..... */
+
+#quotaMeter {
+  min-width: 8em;
+  max-width: 8em;
+  border-color: ThreeDShadow;
+}
+
+#quotaPanel ::-moz-progress-bar {
+  -moz-appearance: none;
+  background-color: #45a1ff;
+  opacity: .75;
+}
+
+#quotaPanel[alert="warning"] ::-moz-progress-bar {
+  background-color: orange;
+}
+
+#quotaPanel[alert="critical"] ::-moz-progress-bar {
+  background-color: red;
+  opacity: .6;
+}
+
+#quotaLabel {
+  text-align: center;
+  margin-top: -1px;
+  margin-bottom: -1px;
+  color: black;
+}
+
 /* ::::: searchTermOverlay ::::: */
 
 #searchTermList > richlistitem[highlight = "true"] {
   animation: highlight .4s ease-in;
 }
 
 @keyframes highlight {
   from { background-color: Highlight; }
--- a/mail/themes/windows/mail/preferences/preferences.css
+++ b/mail/themes/windows/mail/preferences/preferences.css
@@ -48,24 +48,23 @@
 
 #tagList:focus > listitem[selected="true"] {
   color: HighlightText !important;
 }
 
 /* Quota meter in Folder Properties */
 
 #quotaPercentageBar {
-  -moz-appearance: none;
-  border: 1px solid ThreeDShadow;
+  border-color: ThreeDShadow;
 }
 
-#quotaPercentageBar > .progress-bar {
+::-moz-progress-bar {
   -moz-appearance: none;
-  background-color: #88AAFF;
-  opacity: .5;
+  background-color: #45a1ff;
+  opacity: .75;
 }
 
 /* Cookies Manager */
 #cookieInfoBox {
   border: 1px solid ThreeDShadow;
   border-radius: 0;
   margin: 4px;
   padding: 0;