aboutsummaryrefslogtreecommitdiff
path: root/src/panel.scss
diff options
context:
space:
mode:
authorHenry Jameson <me@hjkos.com>2022-10-09 18:50:13 +0300
committerHenry Jameson <me@hjkos.com>2022-10-09 18:50:13 +0300
commit0331e42ee8576893dab2c6319ee5c0d62895b8d8 (patch)
treec5e7dd74e30e9525655b4284a831e92647332563 /src/panel.scss
parentce6ce4b6cdd3aea2712ce73c0b0fd9d64372ac8e (diff)
move definitions for timeline header buttons to Panel.scss, now called
rightside buttons
Diffstat (limited to 'src/panel.scss')
-rw-r--r--src/panel.scss32
1 files changed, 32 insertions, 0 deletions
diff --git a/src/panel.scss b/src/panel.scss
index b5ef67e9..a53e47c6 100644
--- a/src/panel.scss
+++ b/src/panel.scss
@@ -196,6 +196,38 @@
}
}
}
+
+ .rightside-button {
+ align-self: stretch;
+ text-align: center;
+ width: var(--__panel-heading-height);
+ height: var(--__panel-heading-height);
+ margin: calc(-1 * var(--panel-heading-height-padding)) 0;
+ margin-right: calc(-1 * var(--__panel-heading-gap));
+
+ > button {
+ box-sizing: border-box;
+ padding: calc(1 * var(--panel-heading-height-padding)) 0;
+ height: 100%;
+ width: 100%;
+ text-align: center;
+
+ svg {
+ font-size: 1.2em;
+ }
+ }
+ }
+
+ .rightside-icon {
+ align-self: stretch;
+ text-align: center;
+ width: var(--__panel-heading-height);
+ margin-right: calc(-1 * var(--__panel-heading-gap));
+
+ svg {
+ font-size: 1.2em;
+ }
+ }
}
.panel-footer {