pleroma-fe

commit: 1860bb354f0800f0f930c1ca8481f28c8f58a343
parent deece5758437d305d8df3db87c5012322e1e53c8
Author: Henry Jameson <me@hjkos.com>
Date:   Tue, 26 Apr 2022 00:10:51 +0300

make panel height property private since it relies on font size

Diffstat:
M
src/components/timeline/timeline.scss
2
+-
M
src/panel.scss
6
+++---

2 files changed, 4 insertions(+), 4 deletions(-)
diff --git a/src/components/timeline/timeline.scss b/src/components/timeline/timeline.scss
@@ -10,7 +10,7 @@
   }
 
   .conversation-heading {
-    top: calc(var(--panel-heading-height) * 2);
+    top: calc(var(--__panel-heading-height) * 2);
   }
 
   &.-nonpanel {
diff --git a/src/panel.scss b/src/panel.scss
@@ -33,9 +33,9 @@
 }
 
 .panel-heading {
-  --panel-heading-height: 3.2em;
   --panel-heading-height-padding: 0.6em;
-  --__panel-heading-height-inner: calc(var(--panel-heading-height) - 2 * var(--panel-heading-height-padding));
+  --__panel-heading-height: 3.2em;
+  --__panel-heading-height-inner: calc(var(--__panel-heading-height) - 2 * var(--panel-heading-height-padding));
 
   position: relative;
   box-sizing: border-box;
@@ -55,7 +55,7 @@
   background-color: $fallback--bg;
   background-color: var(--bg, $fallback--bg);
   align-items: center;
-  height: var(--panel-heading-height);
+  height: var(--__panel-heading-height);
   z-index: 2;
 
   &.-flexible-height {