make panel height property private since it relies on font size

This commit is contained in:
Henry Jameson 2022-04-26 00:10:51 +03:00
parent deece57584
commit 1860bb354f
2 changed files with 4 additions and 4 deletions

View file

@ -10,7 +10,7 @@
} }
.conversation-heading { .conversation-heading {
top: calc(var(--panel-heading-height) * 2); top: calc(var(--__panel-heading-height) * 2);
} }
&.-nonpanel { &.-nonpanel {

View file

@ -33,9 +33,9 @@
} }
.panel-heading { .panel-heading {
--panel-heading-height: 3.2em;
--panel-heading-height-padding: 0.6em; --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; position: relative;
box-sizing: border-box; box-sizing: border-box;
@ -55,7 +55,7 @@
background-color: $fallback--bg; background-color: $fallback--bg;
background-color: var(--bg, $fallback--bg); background-color: var(--bg, $fallback--bg);
align-items: center; align-items: center;
height: var(--panel-heading-height); height: var(--__panel-heading-height);
z-index: 2; z-index: 2;
&.-flexible-height { &.-flexible-height {