first (largest) part of sync for both themes with toolkit windows theme changes in...

[themes.git] / LCARStrek / browser / controlcenter / panel.css

diff --git a/LCARStrek/browser/controlcenter/panel.css b/LCARStrek/browser/controlcenter/panel.css
index 36debc6653eb3edc8841d013d11a1ff62fa57b61..159f203f306a8e372ff47785a05975d0d85431c4 100644 (file)
--- a/LCARStrek/browser/controlcenter/panel.css
+++ b/LCARStrek/browser/controlcenter/panel.css
@@ -103,8 +103,9 @@
 #identity-popup-permissions-content,
 #tracking-protection-content {
   padding: 0.5em 0 1em;
-  -moz-padding-start: calc(2em + 24px);
-  -moz-padding-end: 1em;
+  /* .identity-popup-headline.host depends on this width */
+  padding-inline-start: calc(2em + 24px);
+  padding-inline-end: 1em;
 }
 
 #identity-popup-securityView:-moz-locale-dir(rtl),
@@ -119,7 +120,7 @@
 .identity-popup-expander {
   margin: 0;
   min-width: auto;
-  width: 38px;
+  width: var(--identity-popup-expander-width);
   background-image: url("chrome://browser/skin/controlcenter/arrow-subview.svg#arrow");
   background-size: 16px, auto;
   background-position: center;
@@ -178,13 +179,20 @@
   font-size: 150%;
 }
 
+.identity-popup-headline.host {
+  word-wrap: break-word;
+  /* 1em + 2em + 24px is #identity-popup-security-content padding
+   * 30em is .panel-mainview:not([panelid="PanelUI-popup"]) width */
+  max-width: calc(30rem - 3rem - 24px - var(--identity-popup-expander-width))
+}
+
 .identity-popup-warning-gray {
-  -moz-padding-start: 24px;
+  padding-inline-start: 24px;
   background: url(chrome://browser/skin/controlcenter/warning-gray.svg) no-repeat 0 50%;
 }
 
 .identity-popup-warning-yellow {
-  -moz-padding-start: 24px;
+  padding-inline-start: 24px;
   background: url(chrome://browser/skin/controlcenter/warning-yellow.svg) no-repeat 0 50%;
 }
 
@@ -259,8 +267,8 @@
 
 #identity-popup-securityView-header,
 #identity-popup-securityView-body {
-  -moz-margin-start: calc(2em + 24px);
-  -moz-margin-end: 1em;
+  margin-inline-start: calc(2em + 24px);
+  margin-inline-end: 1em;
 }
 
 #identity-popup-securityView-header {
@@ -270,7 +278,7 @@
 }
 
 #identity-popup-securityView-body {
-  -moz-padding-end: 1em;
+  padding-inline-end: 1em;
 }
 
 #identity-popup-securityView-footer {
@@ -353,7 +361,7 @@ description#identity-popup-content-verifier,
 }
 
 .identity-popup-permission-label {
-  -moz-margin-start: 0;
+  margin-inline-start: 0;
   word-wrap: break-word;
 }