From a865000a6522dd80f02d42203f2e6fdddc53c56e Mon Sep 17 00:00:00 2001 From: Madis Otenurm Date: Fri, 8 Nov 2019 21:44:34 +0200 Subject: [PATCH 1/7] Clean up popup.css --- chrome/popup/popup.css | 305 ++--------------------------------------- 1 file changed, 12 insertions(+), 293 deletions(-) diff --git a/chrome/popup/popup.css b/chrome/popup/popup.css index b95c53d9..9eedaba1 100755 --- a/chrome/popup/popup.css +++ b/chrome/popup/popup.css @@ -401,226 +401,11 @@ panelmultiview .toolbaritem-combined-buttons > spacer.after-label fill-opacity: 1 !important; } -#identity-popup > .panel-arrowcontainer > .panel-arrowcontent -{ - fill-opacity: inherit !important; -} - -.identity-popup-preferences-button -{ - border-radius: 16px !important; - background-image: none !important; -} - -.identity-popup-preferences-button > .toolbarbutton-icon -{ - margin: 0 !important; -} - -#identity-popup-permission-preferences-button -{ - padding: 0 !important; -} - -#tracking-protection-preferences-button > .toolbarbutton-icon -{ - margin-inline-end: -8px !important; -} - -#tracking-protection-preferences-button > .toolbarbutton-text -{ - padding-inline-end: 4px !important; - -moz-box-ordinal-group: 0 !important; -} - -.identity-popup-section -{ - padding: 16px !important; - display: flex !important; -} - -.identity-popup-security-content, -#identity-popup-content-blocking-content, -#identity-popup-permissions-content -{ - padding: 0 !important; - background: 0 !important; - fill-opacity: inherit !important; -} - -.identity-popup-expander -{ - border-radius: 16px !important; - width: 32px !important; - max-height: 32px !important; - margin-inline-start: auto !important; - -moz-box-pack: center !important; - -moz-box-align: center !important; - background-image: none !important; -} - -.identity-popup-expander > .button-box -{ - border: 0 !important; - display: flex !important; - justify-content: center !important; -} - -.identity-popup-expander .button-icon -{ - margin: 0 !important; -} - -.identity-popup-expander .button-text -{ - display: none !important; -} - -.identity-popup-headline -{ - margin: 0 !important; -} - -.PanelUI-subView > .identity-popup-security-content, -#identity-popup-securityView-body -{ - padding: 16px !important; -} - -#identity-popup-mainView-panel-header -{ - -moz-box-align: start !important; - padding: 16px !important; -} - -#identity-popup-securityView-body -{ - margin: 0 !important; -} - -#identity-popup-content-blocking-content, -#identity-popup-permissions-content -{ - display: flex !important; - flex-direction: column !important; - width: 100% !important; -} - -#identity-popup-content-blocking-content > hbox:first-child, -#identity-popup-permissions-content > hbox:first-child -{ - display: flex !important; -} - -#identity-popup-content-blocking-category-list, -#identity-popup-permission-list -{ - display: flex !important; - flex-direction: column !important; - margin: 0 -16px !important; - width: calc(100% + 32px) !important; - padding-top: 8px !important; -} - -.identity-popup-permission-item -{ - display: flex !important; - align-items: center !important; -} - -.identity-popup-permission-label, -#identity-popup-content-blocking-report-breakage -{ - flex: 1 !important; - text-decoration: none !important; - cursor: auto !important; - color: inherit !important; -} - -.identity-popup-content-blocking-category, -.identity-popup-permission-item -{ - height: 32px !important; - padding: 0 16px !important; -} - -.identity-popup-content-blocking-category-icon, -.identity-popup-permission-icon -{ - margin: 0 !important; - margin-inline-end: 16px !important; -} - -.popup-notification-icon, -.identity-popup-permission-icon -{ - fill-opacity: 1 !important; -} - -.identity-popup-content-blocking-category-label, -.identity-popup-permission-label -{ - margin: 0 !important; -} - -.identity-popup-content-blocking-category::after -{ - transform: translateY(1px) !important; - content: url(menu-right-1x.svg) !important; - margin: 0 !important; -} - -.identity-popup-preferences-button -{ - margin-inline-start: auto !important; -} - -.identity-popup-permission-remove-button -{ - opacity: 1 !important; -} - -.tracking-protection-button, -#identity-popup-content-blocking-report-breakage -{ - margin: 0 -16px !important; - height: 32px !important; - padding: 0 16px !important; - background: 0 !important; - color: inherit !important; - line-height: 32px !important; -} - -#identity-popup-content-blocking-report-breakage -{ - padding-inline-start: 50px !important; -} - -.tracking-protection-button > .button-box -{ - padding: 0 !important; -} - -.tracking-protection-button .button-icon -{ - margin: 0 !important; -} - #customization-lwtheme-menu-header { display: none !important; } -#identity-popup-content-blocking-report-breakage, -{ - padding-inline-start: 48px !important; - line-height: 32px !important; - text-decoration: none !important; - cursor: auto !important; -} - -.tracking-protection-button:hover:not([disabled=true]), -#identity-popup-content-blocking-report-breakage:hover, #blocked-popup-indicator-item:hover, .customization-lwtheme-menu-theme:hover, #customization-lwtheme-menu-footer toolbarbutton:hover @@ -628,8 +413,6 @@ panelmultiview .toolbaritem-combined-buttons > spacer.after-label background-color: var(--arrowpanel-dimmed) !important; } -.tracking-protection-button:hover:active:not([disabled=true]), -#identity-popup-content-blocking-report-breakage:hover:active, #blocked-popup-indicator-item:hover:active, .customization-lwtheme-menu-theme:hover:active, #customization-lwtheme-menu-footer toolbarbutton:hover:active @@ -637,80 +420,12 @@ panelmultiview .toolbaritem-combined-buttons > spacer.after-label background-color: var(--arrowpanel-dimmed-further) !important; } -.identity-popup-content-blocking-empty-label, -#tracking-protection-preferences-button > .toolbarbutton-text, -.tracking-protection-button, -#identity-popup-trackersView-strict-info > label, -.identity-popup-cookiesView-list-header, -.identity-popup-content-blocking-list-item > label, -#identity-popup-mainView-panel-header > label, -#identity-popup-trackersView > .panel-header, -#identity-popup-securityView > .panel-header, -#identity-popup-breakageReportView > .panel-header, -#identity-popup-content-blocking-report-breakage, -.identity-popup-content-blocking-category-label, -.identity-popup-content-blocking-category-state-label, -.identity-popup-permission-label, -.identity-popup-permission-state-label, -#identity-popup-security-descriptions > description, -#identity-popup-securityView-body > description, -#identity-popup-permissions-content > description, -#identity-popup-content-blocking-content > description -{ - font-size: 100% !important; -} - .panel-header > label { text-align: start !important; margin-inline-start: 4px !important; } -.identity-popup-headline -{ - font-size: 110% !important; -} - -.identity-popup-security-content > description, -#identity-popup-content-blocking-content > description, -#identity-popup-permissions-content > description, -.identity-popup-content-blocking-category-state-label, -.identity-popup-permission-state-label -{ - font-size: 85% !important; -} - -#identity-popup-permissions-content > description, -#identity-popup-content-blocking-content > description -{ - color: inherit !important; - opacity: .6 !important; -} - -.identity-popup-content-blocking-category-state-label -{ - transform: translateY(1px) !important; -} - -.tracking-protection-button > .button-box, -.panel-footer button > .button-box -{ - display: flex !important; - align-items: center !important; -} - -.tracking-protection-button .button-icon, -.panel-footer button .button-icon -{ - padding-inline-end: 16px !important; -} - -.tracking-protection-button .button-text, -.panel-footer button .button-text -{ - margin: 0 !important; -} - #downloadsPanel-multiView { padding-top: 8px !important; @@ -857,12 +572,22 @@ panelmultiview .toolbaritem-combined-buttons > spacer.after-label text-align: start !important; } +.identity-popup-content-blocking-category::after +{ + transform: translateY(1px) !important; + content: url(menu-right-1x.svg) !important; + margin: 0 !important; +} + +.identity-popup-section { + border-top: none !important; +} + .panel-footer { padding: 4px !important; background: 0 !important; border-top: 1px solid var(--panel-separator-color) !important; - justify-content: end !important; display: flex !important; } @@ -873,15 +598,12 @@ panelmultiview .toolbaritem-combined-buttons > spacer.after-label margin: 4px !important; height: 32px !important; padding: 0 !important; - flex: 0 0 auto !important; - position: relative !important; outline: 0 !important; } .panel-footer button > .button-box { -moz-appearance: none !important; - position: relative !important; padding-inline-end: 16px !important; } @@ -894,14 +616,11 @@ panelmultiview .toolbaritem-combined-buttons > spacer.after-label .panel-footer button:not([default]) > .button-box::before { content: "" !important; - display: block !important; border-radius: 4px !important; - position: absolute !important; left: 0 !important; top: 0 !important; width: 100% !important; height: 100% !important; - border: 1px solid currentColor !important; opacity: .42 !important; box-sizing: border-box !important; } @@ -964,4 +683,4 @@ richlistitem:-moz-any( { content: url(menu-right-2x.svg) !important; } -} \ No newline at end of file +} From c1b3d2b45f793bf7d6f8501cdb59bb26b2b5be6a Mon Sep 17 00:00:00 2001 From: Madis Otenurm Date: Fri, 8 Nov 2019 21:57:54 +0200 Subject: [PATCH 2/7] Update popup.css --- chrome/popup/popup.css | 32 ++++++++++++++++++++++++++++---- 1 file changed, 28 insertions(+), 4 deletions(-) diff --git a/chrome/popup/popup.css b/chrome/popup/popup.css index 9eedaba1..0ae49e09 100755 --- a/chrome/popup/popup.css +++ b/chrome/popup/popup.css @@ -572,17 +572,41 @@ panelmultiview .toolbaritem-combined-buttons > spacer.after-label text-align: start !important; } -.identity-popup-content-blocking-category::after +.identity-popup-expander +{ + border-radius: 16px !important; + width: 32px !important; + max-height: 32px !important; + margin-inline-start: auto !important; + background-image: none !important; +} + +.identity-popup-expander > .button-box +{ + border: 0 !important; + justify-content: center !important; +} + +.identity-popup-expander .button-icon { - transform: translateY(1px) !important; - content: url(menu-right-1x.svg) !important; margin: 0 !important; } -.identity-popup-section { +.identity-popup-expander .button-text +{ + display: none !important; +} + +.identity-popup-section +{ border-top: none !important; } +#identity-popup-permissions-header +{ + display: none !important; +} + .panel-footer { padding: 4px !important; From 27987e1dfe1bd18dcf79713c5379a3a933929856 Mon Sep 17 00:00:00 2001 From: Madis Otenurm Date: Fri, 8 Nov 2019 22:04:49 +0200 Subject: [PATCH 3/7] Update popup.css --- chrome/popup/popup.css | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/chrome/popup/popup.css b/chrome/popup/popup.css index 0ae49e09..f02db269 100755 --- a/chrome/popup/popup.css +++ b/chrome/popup/popup.css @@ -607,6 +607,18 @@ panelmultiview .toolbaritem-combined-buttons > spacer.after-label display: none !important; } +#identity-popup-permissions-content { + padding-top: 0 !important; + padding-inline-start: 0 !important; +} + +#identity-popup-permission-reload-hint, +#identity-popup-permission-empty-hint, +#identity-popup-permission-list:not(:empty) +{ + padding-inline-start: 2em !important; +} + .panel-footer { padding: 4px !important; From 22240bdd2232b01465546168bf25d08b19a00ae6 Mon Sep 17 00:00:00 2001 From: Madis Otenurm Date: Fri, 8 Nov 2019 22:17:24 +0200 Subject: [PATCH 4/7] Removed security icons --- chrome/popup/popup.css | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/chrome/popup/popup.css b/chrome/popup/popup.css index f02db269..6dee4645 100755 --- a/chrome/popup/popup.css +++ b/chrome/popup/popup.css @@ -572,6 +572,17 @@ panelmultiview .toolbaritem-combined-buttons > spacer.after-label text-align: start !important; } +.identity-popup-security-connection +{ + background-image: none !important; +} + +.identity-popup-security-connection, +#identity-popup-security-description +{ + padding-inline-start: 2em !important; +} + .identity-popup-expander { border-radius: 16px !important; @@ -599,7 +610,7 @@ panelmultiview .toolbaritem-combined-buttons > spacer.after-label .identity-popup-section { - border-top: none !important; + border-top: none !important; } #identity-popup-permissions-header From 487f404a2375211fdd8d969693e00430342edef7 Mon Sep 17 00:00:00 2001 From: Madis Otenurm Date: Fri, 8 Nov 2019 22:22:58 +0200 Subject: [PATCH 5/7] Update popup.css --- chrome/popup/popup.css | 11 +++++++++++ 1 file changed, 11 insertions(+) diff --git a/chrome/popup/popup.css b/chrome/popup/popup.css index 6dee4645..53e66c43 100755 --- a/chrome/popup/popup.css +++ b/chrome/popup/popup.css @@ -613,6 +613,11 @@ panelmultiview .toolbaritem-combined-buttons > spacer.after-label border-top: none !important; } +.identity-popup-security-content +{ + border-bottom: none !important; +} + #identity-popup-permissions-header { display: none !important; @@ -623,6 +628,12 @@ panelmultiview .toolbaritem-combined-buttons > spacer.after-label padding-inline-start: 0 !important; } +#identity-popup-securityView-body +{ + padding-top: 0 !important; + margin-inline-start: 2em !important; +} + #identity-popup-permission-reload-hint, #identity-popup-permission-empty-hint, #identity-popup-permission-list:not(:empty) From 1dbdcd30524f9e51e9c9037ba82b215ffb50b688 Mon Sep 17 00:00:00 2001 From: Madis Otenurm Date: Sat, 9 Nov 2019 10:16:03 +0200 Subject: [PATCH 6/7] Full-width buttons on the bottom --- chrome/popup/popup.css | 11 +++++------ 1 file changed, 5 insertions(+), 6 deletions(-) diff --git a/chrome/popup/popup.css b/chrome/popup/popup.css index 53e66c43..719d3d4f 100755 --- a/chrome/popup/popup.css +++ b/chrome/popup/popup.css @@ -643,7 +643,8 @@ panelmultiview .toolbaritem-combined-buttons > spacer.after-label .panel-footer { - padding: 4px !important; + padding-top: 4px !important; + padding-bottom: 4px !important; background: 0 !important; border-top: 1px solid var(--panel-separator-color) !important; display: flex !important; @@ -652,16 +653,16 @@ panelmultiview .toolbaritem-combined-buttons > spacer.after-label .panel-footer button { border: 0 !important; - border-radius: 4px !important; - margin: 4px !important; + margin-top: 4px !important; + margin-bottom: 4px !important; height: 32px !important; padding: 0 !important; outline: 0 !important; + width: 100% !important; } .panel-footer button > .button-box { - -moz-appearance: none !important; padding-inline-end: 16px !important; } @@ -677,10 +678,8 @@ panelmultiview .toolbaritem-combined-buttons > spacer.after-label border-radius: 4px !important; left: 0 !important; top: 0 !important; - width: 100% !important; height: 100% !important; opacity: .42 !important; - box-sizing: border-box !important; } .panel-footer button:not([default]):hover:active:not([disabled]) > .button-box::before From a2be254b228d273d9fb1f49a4cbda206c8bc8e6c Mon Sep 17 00:00:00 2001 From: Madis Otenurm Date: Sat, 9 Nov 2019 10:23:36 +0200 Subject: [PATCH 7/7] Removed header horizontal line --- chrome/popup/popup.css | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/chrome/popup/popup.css b/chrome/popup/popup.css index 719d3d4f..6d52a85f 100755 --- a/chrome/popup/popup.css +++ b/chrome/popup/popup.css @@ -608,6 +608,11 @@ panelmultiview .toolbaritem-combined-buttons > spacer.after-label display: none !important; } +.panel-header +{ + border-bottom: none !important; +} + .identity-popup-section { border-top: none !important;