From 3481c5bae9b70317055dc23f4c05134719ee7dfb Mon Sep 17 00:00:00 2001 From: Adam Gashlin Date: Tue, 12 May 2020 22:38:40 +0000 Subject: [PATCH] Bug 1637285 - Draw high contrast progress bar top border only. r=mhowell This allows the bar to be any width. Differential Revision: https://phabricator.services.mozilla.com/D74983 --- browser/branding/aurora/stubinstaller/installing_page.css | 3 ++- browser/branding/nightly/stubinstaller/installing_page.css | 3 ++- browser/branding/official/stubinstaller/installing_page.css | 3 ++- browser/branding/unofficial/stubinstaller/installing_page.css | 3 ++- 4 files changed, 8 insertions(+), 4 deletions(-) diff --git a/browser/branding/aurora/stubinstaller/installing_page.css b/browser/branding/aurora/stubinstaller/installing_page.css index 8be920f7a8ec..d78e9da1ecac 100644 --- a/browser/branding/aurora/stubinstaller/installing_page.css +++ b/browser/branding/aurora/stubinstaller/installing_page.css @@ -40,7 +40,8 @@ body.high-contrast #progress_background { /* In high contrast mode, fill the entire progress bar with its border. */ body.high-contrast #progress_bar { - border: 12px solid; + /* This border should be the height of progress_background. */ + border-top: 24px solid; box-sizing: border-box; } diff --git a/browser/branding/nightly/stubinstaller/installing_page.css b/browser/branding/nightly/stubinstaller/installing_page.css index 2ea0071c9ec2..8044838c79f5 100644 --- a/browser/branding/nightly/stubinstaller/installing_page.css +++ b/browser/branding/nightly/stubinstaller/installing_page.css @@ -39,7 +39,8 @@ body.high-contrast #progress_background { /* In high contrast mode, fill the entire progress bar with its border. */ body.high-contrast #progress_bar { - border: 12px solid; + /* This border should be the height of progress_background. */ + border-top: 24px solid; box-sizing: border-box; } diff --git a/browser/branding/official/stubinstaller/installing_page.css b/browser/branding/official/stubinstaller/installing_page.css index 678bb0e6272e..5704eb3b3e96 100644 --- a/browser/branding/official/stubinstaller/installing_page.css +++ b/browser/branding/official/stubinstaller/installing_page.css @@ -75,7 +75,8 @@ body.high-contrast #progress_background { /* In high contrast mode, fill the entire progress bar with its border. */ body.high-contrast #progress_bar { - border: 10px solid; + /* This border should be the height of progress_background. */ + border-top: 20px solid; box-sizing: border-box; } diff --git a/browser/branding/unofficial/stubinstaller/installing_page.css b/browser/branding/unofficial/stubinstaller/installing_page.css index d230c82a0ca8..a15a4a76ec9c 100644 --- a/browser/branding/unofficial/stubinstaller/installing_page.css +++ b/browser/branding/unofficial/stubinstaller/installing_page.css @@ -39,7 +39,8 @@ body.high-contrast #progress_background { /* In high contrast mode, fill the entire progress bar with its border. */ body.high-contrast #progress_bar { - border: 12px solid; + /* This border should be the height of progress_background. */ + border-top: 24px solid; box-sizing: border-box; }