From d8502c35cba9a5fb5819046b73193d4954e04cad Mon Sep 17 00:00:00 2001 From: Robert Kaiser Date: Sun, 20 Aug 2017 01:21:54 +0200 Subject: [PATCH] some corrections and finishing touches to that LCARStrek works well for Firefox 55 and also 56 --- LCARStrek/browser/browser.css | 27 ++++++++++ LCARStrek/browser/notification-icons.svg | 9 +++- .../preferences/in-content-new/icons.svg | 46 ++-------------- .../in-content-new/preferences.css | 52 ++++--------------- LCARStrek/browser/tracking-protection-16.svg | 1 + LCARStrek/global/in-content/info-pages.css | 2 +- 6 files changed, 52 insertions(+), 85 deletions(-) diff --git a/LCARStrek/browser/browser.css b/LCARStrek/browser/browser.css index ecebcc6a..007e3831 100644 --- a/LCARStrek/browser/browser.css +++ b/LCARStrek/browser/browser.css @@ -3964,6 +3964,33 @@ html|*#webRTC-previewVideo { list-style-image: url(chrome://browser/skin/notification-icons.svg#plugin); } +#plugin-icon-badge { + list-style-image: url(chrome://browser/skin/notification-icons.svg#plugin-badge); + opacity: 0; + transition: opacity 1.5s; +} + +#plugins-notification-icon[extraAttr="inactive"] > .plugin-icon { + fill: #8050B0; +} + +#plugins-notification-icon[extraAttr="inactive"] > #plugin-icon-badge { + opacity: 1; +} + +#plugins-notification-icon[extraAttr="inactive"] > #plugin-icon-badge[animate] { + animation: blink-badge 1000ms ease 0s 5 alternate both; +} + +@keyframes blink-badge { + from { + opacity: 0; + } + to { + opacity: 1; + } +} + .plugin-icon.plugin-blocked { list-style-image: url(chrome://browser/skin/notification-icons.svg#plugin-blocked); fill: #FF0000 !important; diff --git a/LCARStrek/browser/notification-icons.svg b/LCARStrek/browser/notification-icons.svg index 8bbf3b83..04544b1e 100644 --- a/LCARStrek/browser/notification-icons.svg +++ b/LCARStrek/browser/notification-icons.svg @@ -1,11 +1,12 @@ - diff --git a/LCARStrek/browser/preferences/in-content-new/icons.svg b/LCARStrek/browser/preferences/in-content-new/icons.svg index 3e9dd6a6..2fe2d422 100644 --- a/LCARStrek/browser/preferences/in-content-new/icons.svg +++ b/LCARStrek/browser/preferences/in-content-new/icons.svg @@ -21,63 +21,27 @@ - - - - - - - - - - + + + - - - - - - + + diff --git a/LCARStrek/browser/preferences/in-content-new/preferences.css b/LCARStrek/browser/preferences/in-content-new/preferences.css index 07f97e33..202128bc 100644 --- a/LCARStrek/browser/preferences/in-content-new/preferences.css +++ b/LCARStrek/browser/preferences/in-content-new/preferences.css @@ -20,6 +20,11 @@ background-repeat: no-repeat; } +.pane-container { + border-radius: 1em 0 0 0; + background-color: #000000; +} + #mainPrefPane { padding: 10px 20px 0px; border-radius: 1em 0 0 0; @@ -101,13 +106,13 @@ treecol { list-style-image: url("chrome://browser/skin/preferences/in-content-new/icons.svg#general-active"); } -#category-application > .category-icon { - list-style-image: url("chrome://browser/skin/preferences/in-content-new/icons.svg#content"); +#category-search > .category-icon { + list-style-image: url("chrome://browser/skin/preferences/in-content-new/icons.svg#search"); } -#category-application:hover > .category-icon, -#category-application[selected] > .category-icon { - list-style-image: url("chrome://browser/skin/preferences/in-content-new/icons.svg#content-active"); +#category-search:hover > .category-icon, +#category-search[selected] > .category-icon { + list-style-image: url("chrome://browser/skin/preferences/in-content-new/icons.svg#search-active"); } #category-privacy > .category-icon { @@ -128,23 +133,6 @@ treecol { list-style-image: url("chrome://browser/skin/preferences/in-content-new/icons.svg#sync-active"); } -#category-advanced > .category-icon { - list-style-image: url("chrome://browser/skin/preferences/in-content-new/icons.svg#advanced"); -} - -#category-advanced:hover > .category-icon, -#category-advanced[selected] > .category-icon { - list-style-image: url("chrome://browser/skin/preferences/in-content-new/icons.svg#advanced-active"); -} - -#category-search-results > .category-icon { - list-style-image: url("chrome://browser/skin/preferences/in-content-new/icons.svg#searchResults"); -} - -#category-search-results > .category-icon { - list-style-image: url("chrome://browser/skin/preferences/in-content-new/icons.svg#searchResults-active"); -} - @media (max-width: 800px) { .category-name { display: none; @@ -702,20 +690,6 @@ description > html|a { background-color: var(--in-content-category-background-hover); border-color: var(--in-content-category-background-hover); } -.help-button { - position: fixed; - left: 0; - - /* Needs to have enough gap from the bottom to not - get behind the status panel (bug 1357841). */ - bottom: 2rem; - font-size: 13px; - line-height: 13px; - height: 14px; - background-position: 15px; - padding-inline-start: 35px; - white-space: nowrap; -} .help-button:-moz-locale-dir(rtl) { left: auto; @@ -723,12 +697,6 @@ description > html|a { background-position: right 15px top 0; } -.help-button:link, -.help-button:visited { - color: var(--in-content-category-text); - text-decoration: none; -} - .search-tooltip { position: absolute; pointer-events: none; diff --git a/LCARStrek/browser/tracking-protection-16.svg b/LCARStrek/browser/tracking-protection-16.svg index c4c92fd5..241bb308 100755 --- a/LCARStrek/browser/tracking-protection-16.svg +++ b/LCARStrek/browser/tracking-protection-16.svg @@ -39,5 +39,6 @@ + diff --git a/LCARStrek/global/in-content/info-pages.css b/LCARStrek/global/in-content/info-pages.css index af9663a3..6d665f6a 100644 --- a/LCARStrek/global/in-content/info-pages.css +++ b/LCARStrek/global/in-content/info-pages.css @@ -101,7 +101,7 @@ ul.columns { button { padding: 0 1.5em; - border-radius: 0; +/* border-radius: 0;*/ } .button-container > button:first-child { -- 2.35.3