From a9f6369d5cebd3c329b993d57e73bcf30fffd2cd Mon Sep 17 00:00:00 2001 From: Robert Kaiser Date: Sun, 26 Mar 2017 20:01:31 +0200 Subject: [PATCH] second and final part of syncing both themes with toolkit windows theme changes in Mozilla 53 cycle --- EarlyBlue/global/about.css | 1 + EarlyBlue/global/aboutNetworking.css | 6 +- EarlyBlue/global/aboutProfiles.css | 1 + EarlyBlue/global/global.css | 16 +++ EarlyBlue/global/in-content/common.css | 2 +- EarlyBlue/global/in-content/info-pages.css | 1 + EarlyBlue/global/media/videocontrols.css | 25 ----- EarlyBlue/global/narrate.css | 2 +- EarlyBlue/mozapps/downloads/downloads.css | 113 --------------------- LCARStrek/global/about.css | 1 + LCARStrek/global/aboutNetworking.css | 6 +- LCARStrek/global/aboutProfiles.css | 1 + LCARStrek/global/global.css | 16 +++ LCARStrek/global/in-content/common.css | 2 +- LCARStrek/global/in-content/info-pages.css | 1 + LCARStrek/global/media/videocontrols.css | 5 - LCARStrek/global/narrate.css | 2 +- LCARStrek/mozapps/downloads/downloads.css | 113 --------------------- 18 files changed, 52 insertions(+), 262 deletions(-) delete mode 100644 EarlyBlue/mozapps/downloads/downloads.css delete mode 100644 LCARStrek/mozapps/downloads/downloads.css diff --git a/EarlyBlue/global/about.css b/EarlyBlue/global/about.css index 132185e3..8467a50d 100644 --- a/EarlyBlue/global/about.css +++ b/EarlyBlue/global/about.css @@ -37,6 +37,7 @@ img { margin-bottom: 9px; margin-inline-start: 17px; margin-inline-end: 0; + text-align: left; /* Override direction alignment on RTL to make sure that the version will fit well on the background. bug 1325232 */ } ul { diff --git a/EarlyBlue/global/aboutNetworking.css b/EarlyBlue/global/aboutNetworking.css index ef9d9e15..b82bcf1f 100644 --- a/EarlyBlue/global/aboutNetworking.css +++ b/EarlyBlue/global/aboutNetworking.css @@ -15,7 +15,11 @@ body { } #sectionTitle { - float: inline-start; + float: left; +} + +#sectionTitle:dir(rtl) { + float: right; } #refreshDiv { diff --git a/EarlyBlue/global/aboutProfiles.css b/EarlyBlue/global/aboutProfiles.css index 5648c672..966fbb0f 100644 --- a/EarlyBlue/global/aboutProfiles.css +++ b/EarlyBlue/global/aboutProfiles.css @@ -48,6 +48,7 @@ th.column { td { border-color: var(--in-content-table-border-dark-color); + unicode-bidi: plaintext; /* Make sure file paths will be LTR */ } #action-box { diff --git a/EarlyBlue/global/global.css b/EarlyBlue/global/global.css index b9f97da8..7e71c174 100644 --- a/EarlyBlue/global/global.css +++ b/EarlyBlue/global/global.css @@ -276,6 +276,22 @@ popupnotificationcontent { margin-top: .5em; } +/* === BEGIN notification-popup.inc.css === */ + +.popup-notification-panel > .panel-arrowcontainer > .panel-arrowcontent { + /* In order to display the action buttons near the edge of the arrow panel we + * have to reset its default padding and specify the padding in the individual + * "popupnotification" elements instead. To keep the rounded borders of the + * panel, we also have to ensure the contents are clipped to the border box + * by hiding the overflow, and we have to override the "display" property so + * that the height of the contents is computed correctly in that case. */ + padding: 0; + overflow: hidden; + display: block; +} + +/* === END notification-popup.inc.css === */ + /* :::::: autoscroll popup ::::: */ .autoscroller { diff --git a/EarlyBlue/global/in-content/common.css b/EarlyBlue/global/in-content/common.css index 4b7af22d..05ed5faa 100644 --- a/EarlyBlue/global/in-content/common.css +++ b/EarlyBlue/global/in-content/common.css @@ -108,7 +108,7 @@ xul|groupbox { font-size: 1.25rem; } -xul|groupbox xul|label:not(.menu-accel):not(.menu-text):not(.indent), +xul|groupbox xul|label:not(.menu-accel):not(.menu-text):not(.indent):not(.learnMore), xul|groupbox xul|description { / !important needed to override toolkit !important rule / margin-inline-start: 0 !important; diff --git a/EarlyBlue/global/in-content/info-pages.css b/EarlyBlue/global/in-content/info-pages.css index 3762773c..f42ab177 100644 --- a/EarlyBlue/global/in-content/info-pages.css +++ b/EarlyBlue/global/in-content/info-pages.css @@ -40,6 +40,7 @@ body { font-size: 2.5em; } +.title:moz-locale-dir(rtl), .title:dir(rtl) { background-position: right 0; } diff --git a/EarlyBlue/global/media/videocontrols.css b/EarlyBlue/global/media/videocontrols.css index c73d9f66..fd5601b5 100644 --- a/EarlyBlue/global/media/videocontrols.css +++ b/EarlyBlue/global/media/videocontrols.css @@ -350,13 +350,6 @@ audio > xul|videocontrols { color: #ffffff; } -%ifdef XP_MACOSX -.positionDurationBox { - font-size-adjust: unset; - font-family: "Helvetica Neue", "Helvetica", sans-serif; -} -%endif - .duration { display: inline-block; white-space: pre; @@ -472,21 +465,3 @@ audio > xul|videocontrols { [error="errorGeneric"] > [anonid="errorGeneric"] { display: inline; } - -/* For high contrast theme in Windows */ -%ifdef XP_WIN -.controlsSpacer, -.clickToPlay { - background-color: transparent; -} - -@media (-moz-windows-default-theme) { - .controlsSpacer { - background-color: rgba(255,255,255,.4); - } - - .clickToPlay { - background-color: #1a1a1a; - } -} -%endif diff --git a/EarlyBlue/global/narrate.css b/EarlyBlue/global/narrate.css index 8a44e78e..4514eff3 100644 --- a/EarlyBlue/global/narrate.css +++ b/EarlyBlue/global/narrate.css @@ -22,7 +22,7 @@ body.dark .narrating { z-index: -1; border-bottom-style: solid; border-bottom-width: 7px; - transition: left 0.1s ease; + transition: left 0.1s ease, width 0.1s ease; } .narrating > .narrate-word-highlight { diff --git a/EarlyBlue/mozapps/downloads/downloads.css b/EarlyBlue/mozapps/downloads/downloads.css deleted file mode 100644 index 45c4ef50..00000000 --- a/EarlyBlue/mozapps/downloads/downloads.css +++ /dev/null @@ -1,113 +0,0 @@ -#downloadManager { - background-color: #CCD0DD; -} - -/* Download View */ -#downloadView { - -moz-appearance: none !important; - margin: 0; - border-bottom: 1px solid #9999CC; -} - -/* Download View Items */ -richlistitem[type="download"] { - padding: 4px; - padding-inline-end: 8px; - min-height: 46px; - border-bottom: 1px solid #9999CC; -} - -richlistitem[type="download"]:not([selected="true"]):nth-child(odd) { - background-color: #9999CC; -} - -richlistitem[type="download"] .name { - font-size: larger; -} - -richlistitem[type="download"] .dateTime { - font-size: smaller; -} - -.mini-button { - -moz-appearance: none; - list-style-image: url("chrome://mozapps/skin/downloads/downloadButtons.png"); - background-color: transparent; - border: none; - padding: 0; - margin: 0; - min-width: 0; - min-height: 0; -} - -.mini-button > .button-box { - padding: 0 !important; -} - -.cancel { - -moz-image-region: rect(0px, 32px, 16px, 16px); -} -.cancel:hover { - -moz-image-region: rect(16px, 32px, 32px, 16px); -} -.cancel:active { - -moz-image-region: rect(32px, 32px, 48px, 16px); -} -.cancel[disabled="true"] { - -moz-image-region: rect(48px, 32px, 64px, 16px); -} - -.pause { - -moz-image-region: rect(0px, 48px, 16px, 32px); -} -.pause:hover { - -moz-image-region: rect(16px, 48px, 32px, 32px); -} -.pause:active { - -moz-image-region: rect(32px, 48px, 48px, 32px); -} -.pause[disabled="true"] { - -moz-image-region: rect(48px, 48px, 64px, 32px); -} - -.resume { - -moz-image-region: rect(0px, 16px, 16px, 0px); -} -.resume:hover { - -moz-image-region: rect(16px, 16px, 32px, 0px); -} -.resume:active { - -moz-image-region: rect(32px, 16px, 48px, 0px); -} -.resume[disabled="true"] { - -moz-image-region: rect(48px, 16px, 64px, 0px); -} - -.retry { - -moz-image-region: rect(0px, 64px, 16px, 48px); -} -.retry:hover { - -moz-image-region: rect(16px, 64px, 32px, 48px); -} -.retry:active { - -moz-image-region: rect(32px, 64px, 48px, 48px); -} -.retry[disabled="true"] { - -moz-image-region: rect(48px, 64px, 64px, 48px); -} - -.blockedIcon { - list-style-image: url("chrome://global/skin/icons/alert-error.gif"); -} - -/* prevent flickering when changing states */ -.downloadTypeIcon { - min-height: 32px; - min-width: 32px; -} - -#clearListButton { - min-height: 0; - min-width: 0; - margin-top: 3px; -} diff --git a/LCARStrek/global/about.css b/LCARStrek/global/about.css index db5ef230..23e8a80a 100644 --- a/LCARStrek/global/about.css +++ b/LCARStrek/global/about.css @@ -43,6 +43,7 @@ img { margin-bottom: 9px; margin-inline-start: 17px; margin-inline-end: 0; + text-align: left; /* Override direction alignment on RTL to make sure that the version will fit well on the background. bug 1325232 */ } ul { diff --git a/LCARStrek/global/aboutNetworking.css b/LCARStrek/global/aboutNetworking.css index 5f73e3a9..668d7a39 100644 --- a/LCARStrek/global/aboutNetworking.css +++ b/LCARStrek/global/aboutNetworking.css @@ -15,7 +15,11 @@ body { } #sectionTitle { - float: inline-start; + float: left; +} + +#sectionTitle:dir(rtl) { + float: right; } #refreshDiv { diff --git a/LCARStrek/global/aboutProfiles.css b/LCARStrek/global/aboutProfiles.css index 4065bbe2..54d7f65c 100644 --- a/LCARStrek/global/aboutProfiles.css +++ b/LCARStrek/global/aboutProfiles.css @@ -48,6 +48,7 @@ th.column { td { border-color: var(--in-content-table-border-dark-color); + unicode-bidi: plaintext; /* Make sure file paths will be LTR */ } #action-box { diff --git a/LCARStrek/global/global.css b/LCARStrek/global/global.css index 371f540c..6a661111 100644 --- a/LCARStrek/global/global.css +++ b/LCARStrek/global/global.css @@ -334,6 +334,22 @@ popupnotificationcontent { margin-top: .5em; } +/* === BEGIN notification-popup.inc.css === */ + +.popup-notification-panel > .panel-arrowcontainer > .panel-arrowcontent { + /* In order to display the action buttons near the edge of the arrow panel we + * have to reset its default padding and specify the padding in the individual + * "popupnotification" elements instead. To keep the rounded borders of the + * panel, we also have to ensure the contents are clipped to the border box + * by hiding the overflow, and we have to override the "display" property so + * that the height of the contents is computed correctly in that case. */ + padding: 0; + overflow: hidden; + display: block; +} + +/* === END notification-popup.inc.css === */ + /* :::::: autoscroll popup ::::: */ .autoscroller { diff --git a/LCARStrek/global/in-content/common.css b/LCARStrek/global/in-content/common.css index f396a216..2b6ef8a3 100644 --- a/LCARStrek/global/in-content/common.css +++ b/LCARStrek/global/in-content/common.css @@ -133,7 +133,7 @@ xul|groupbox { font-size: 1.25rem; } -xul|groupbox xul|label:not(.menu-accel):not(.menu-text):not(.indent), +xul|groupbox xul|label:not(.menu-accel):not(.menu-text):not(.indent):not(.learnMore), xul|groupbox xul|description { / !important needed to override toolkit !important rule / margin-inline-start: 0 !important; diff --git a/LCARStrek/global/in-content/info-pages.css b/LCARStrek/global/in-content/info-pages.css index ae8ae7fa..29c6257a 100644 --- a/LCARStrek/global/in-content/info-pages.css +++ b/LCARStrek/global/in-content/info-pages.css @@ -40,6 +40,7 @@ body { font-size: 2.5em; } +.title:moz-locale-dir(rtl), .title:dir(rtl) { background-position: right 0; } diff --git a/LCARStrek/global/media/videocontrols.css b/LCARStrek/global/media/videocontrols.css index 5177a6f3..c70c3e6f 100644 --- a/LCARStrek/global/media/videocontrols.css +++ b/LCARStrek/global/media/videocontrols.css @@ -353,7 +353,6 @@ audio > xul|videocontrols { } .positionDurationBox { - min-width: 9ch; text-align: center; padding-inline-start: 1px; padding-inline-end: 9px; @@ -364,10 +363,6 @@ audio > xul|videocontrols { color: #000000; } -.positionDurationBox[positionOnly] { - min-width: 4ch; -} - .duration { display: inline-block; white-space: pre; diff --git a/LCARStrek/global/narrate.css b/LCARStrek/global/narrate.css index 8a44e78e..4514eff3 100644 --- a/LCARStrek/global/narrate.css +++ b/LCARStrek/global/narrate.css @@ -22,7 +22,7 @@ body.dark .narrating { z-index: -1; border-bottom-style: solid; border-bottom-width: 7px; - transition: left 0.1s ease; + transition: left 0.1s ease, width 0.1s ease; } .narrating > .narrate-word-highlight { diff --git a/LCARStrek/mozapps/downloads/downloads.css b/LCARStrek/mozapps/downloads/downloads.css deleted file mode 100644 index d3e04acc..00000000 --- a/LCARStrek/mozapps/downloads/downloads.css +++ /dev/null @@ -1,113 +0,0 @@ -#downloadManager { - background-color: #000000; -} - -/* Download View */ -#downloadView { - -moz-appearance: none !important; - margin: 0; - border-bottom: 1px solid #9C9CFF; -} - -/* Download View Items */ -richlistitem[type="download"] { - padding: 4px; - padding-inline-end: 8px; - min-height: 46px; - border-bottom: 1px solid #9C9CFF; -} - -richlistitem[type="download"]:not([selected="true"]):nth-child(odd) { - background-color: #3F2700; -} - -richlistitem[type="download"] .name { - font-size: larger; -} - -richlistitem[type="download"] .dateTime { - font-size: smaller; -} - -.mini-button { - -moz-appearance: none; - list-style-image: url("chrome://mozapps/skin/downloads/downloadButtons.png"); - background-color: transparent; - border: none; - padding: 0; - margin: 0; - min-width: 0; - min-height: 0; -} - -.mini-button > .button-box { - padding: 0 !important; -} - -.cancel { - -moz-image-region: rect(0px, 32px, 16px, 16px); -} -.cancel:hover { - -moz-image-region: rect(16px, 32px, 32px, 16px); -} -.cancel:active { - -moz-image-region: rect(32px, 32px, 48px, 16px); -} -.cancel[disabled="true"] { - -moz-image-region: rect(48px, 32px, 64px, 16px); -} - -.pause { - -moz-image-region: rect(0px, 48px, 16px, 32px); -} -.pause:hover { - -moz-image-region: rect(16px, 48px, 32px, 32px); -} -.pause:active { - -moz-image-region: rect(32px, 48px, 48px, 32px); -} -.pause[disabled="true"] { - -moz-image-region: rect(48px, 48px, 64px, 32px); -} - -.resume { - -moz-image-region: rect(0px, 16px, 16px, 0px); -} -.resume:hover { - -moz-image-region: rect(16px, 16px, 32px, 0px); -} -.resume:active { - -moz-image-region: rect(32px, 16px, 48px, 0px); -} -.resume[disabled="true"] { - -moz-image-region: rect(48px, 16px, 64px, 0px); -} - -.retry { - -moz-image-region: rect(0px, 64px, 16px, 48px); -} -.retry:hover { - -moz-image-region: rect(16px, 64px, 32px, 48px); -} -.retry:active { - -moz-image-region: rect(32px, 64px, 48px, 48px); -} -.retry[disabled="true"] { - -moz-image-region: rect(48px, 64px, 64px, 48px); -} - -.blockedIcon { - list-style-image: url("chrome://global/skin/icons/alert-error.gif"); -} - -/* prevent flickering when changing states */ -.downloadTypeIcon { - min-height: 32px; - min-width: 32px; -} - -#clearListButton { - min-height: 0; - min-width: 0; - margin-top: 3px; -} -- 2.43.0