From 1860bb354f0800f0f930c1ca8481f28c8f58a343 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 26 Apr 2022 00:10:51 +0300
Subject: [PATCH] make panel height property private since it relies on font
 size

---
 src/components/timeline/timeline.scss | 2 +-
 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
index d5dd05f2..897ebeb9 100644
--- 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
index cdd7a291..b36ad9b7 100644
--- 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 {