refactor: expose editor panels in small device

2026-08-14 20:03:52 +00:00 · 2025-06-23 06:59:34 +02:00
parent b991627cb7
commit 984dcb0181
52 changed files with 336 additions and 131 deletions
@@ -0,0 +1,48 @@
+.corner {
+  transform: rotate(45deg);
+
+  position: absolute;
+  top: 0.5rem;
+  right: 0.5rem;
+  cursor: pointer;
+  color: $ui-white;
+  transition-property: color;
+  transition-duration: $transition-time-action;
+  border-radius: $component-border-radius-full;
+
+  // similar styles to ontime-button-subtle
+  background-color: $gray-1050;
+  outline: 2px solid $gray-1050;
+
+  &:hover {
+    color: $ontime-color;
+    background-color: $gray-1000;
+    outline: 2px solid $gray-1000;
+  }
+}
+
+.header {
+  font-size: 1.5rem;
+}
+
+.title {
+  font-size: 1rem;
+  color: $title-gray;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.label {
+  display: block;
+  font-size: $aux-text-size;
+  color: $label-gray;
+  margin-bottom: $element-inner-spacing;
+  max-width: max-content; // prevent label from taking entire row
+}
+
+.separator {
+  width: 1px;
+  height: 0.75em;
+  background-color: $border-color-ondark;
+}