Commit 38303683 authored by criss's avatar criss
Browse files

Backed out changeset cb24192713ff (bug 1710918) for causing bc failures on... 

Backed out changeset cb24192713ff (bug 1710918) for causing bc failures on browser_parsable_css.js. CLOSED TREE
parent 70ced3d9

browser/themes/osx/downloads/downloads.css

+8 −0
Original line number Diff line number Diff line
@@ -24,6 +24,14 @@ 
  outline-offset: -2px;

}



.downloadProgress::-moz-progress-bar {

  background-color: #3c9af8;

}



.downloadProgress[paused]::-moz-progress-bar {

  background-color: #a6a6a6;

}



/*** Highlighted list items ***/



@keyfocus@ @itemFocused@ {

browser/themes/shared/downloads/progressmeter.inc.css

+11 −45
Original line number Diff line number Diff line
@@ -4,32 +4,6 @@ 


/*** Common-styled progressmeter ***/



:root {

  --download-progress-fill-color: -moz-accent-color;

  --download-progress-paused-color: GrayText;

  --download-progress-flare-color: rgba(255,255,255,0.75);

}



/* download progress bar is used in contexts which are not LightweightThemeConsumers and

   do not get the lwt- theme variables. So we duplicate the fallbacks here. */

:root:-moz-lwtheme {

  --download-progress-fill-color: var(--lwt-toolbarbutton-icon-fill-attention, rgb(0,97,224));

}



@media (-moz-toolbar-prefers-color-scheme: dark) {

  :root {

    --download-progress-fill-color: var(--lwt-toolbarbutton-icon-fill-attention, rgb(0,221,255));

  }

  #contentAreaDownloadsView {

    --download-progress-fill-color: var(--in-content-item-selected);

  }

}



:root[lwt-popup-brighttext] panel,

toolbar[brighttext]:-moz-lwtheme {

  --download-progress-fill-color: var(--lwt-toolbarbutton-icon-fill-attention, rgb(0,221,255));

}



/*

 * Styling "html:progress" is limited by the fact that a number of properties

 * are intentionally locked at the UA stylesheet level. We have to use a border
@@ -42,41 +16,33 @@ toolbar[brighttext]:-moz-lwtheme { 
.downloadProgress {

  appearance: none;

  display: -moz-box;

  margin-block: 5px 1px;

  margin: 4px 0 0;

  margin-inline-end: 12px;

  border: none;

  height: 4px;

  border-radius: 2px;

  background-color: color-mix(in srgb, currentColor 15%, transparent);

}



/* Ensure we have contrast in selected download items */

#downloadsRichListBox richlistitem[selected] .downloadProgress::-moz-progress-bar {

  --download-progress-fill-color: currentColor;

  --download-progress-flare-color:  -moz-accent-color;

  border: 1px solid ButtonShadow;

  height: 6px;

  background-color: ButtonFace;

}



.downloadProgress::-moz-progress-bar {

  appearance: none;

  background-color: var(--download-progress-fill-color);

  border-radius: 2px;

  background-color: Highlight;

}



.downloadProgress[paused]::-moz-progress-bar {

  background-color: var(--download-progress-paused-color);

  background-color: GrayText;

}



.downloadProgress:indeterminate::-moz-progress-bar {

  width: calc(100% + 2px);

  /* Make a white reflecting animation.

     Create a gradient with 2 identical patterns, and enlarge the size to 200%.

     Create a gradient with 2 identical pattern, and enlarge the size to 200%.

     This allows us to animate background-position with percentage. */

  background: var(--download-progress-fill-color) linear-gradient(90deg, transparent 0%,

                                           var(--download-progress-flare-color) 25%,

  background-image: linear-gradient(90deg, transparent 0%,

                                           rgba(255,255,255,0.5) 25%,

                                           transparent 50%,

                                           var(--download-progress-flare-color) 75%,

                                           rgba(255,255,255,0.5) 75%,

                                           transparent 100%);

  background-blend-mode: normal;

  background-blend-mode: lighten;

  background-size: 200% 100%;

  animation: downloadProgressSlideX 1.5s linear infinite;

}

browser/themes/windows/downloads/downloads.css

+12 −0
Original line number Diff line number Diff line
@@ -26,6 +26,18 @@ 
  outline: none;

}



@media (-moz-windows-default-theme) {



  /* Use unified color for the progressbar on default theme */

  .downloadProgress::-moz-progress-bar {

    background-color: #3c9af8;

  }



  .downloadProgress[paused]::-moz-progress-bar {

    background-color: #a6a6a6;

  }

}



/*** Highlighted list items ***/



@keyfocus@ @itemFocused@ {