about summary refs log tree commit diff
path: root/src/components/Layout/const.ts
diff options
context:
space:
mode:
Diffstat (limited to 'src/components/Layout/const.ts')
-rw-r--r--src/components/Layout/const.ts16
1 files changed, 16 insertions, 0 deletions
diff --git a/src/components/Layout/const.ts b/src/components/Layout/const.ts
new file mode 100644
index 000000000..11825d323
--- /dev/null
+++ b/src/components/Layout/const.ts
@@ -0,0 +1,16 @@
+export const SCROLLBAR_OFFSET =
+  'calc(-1 * var(--removed-body-scroll-bar-size, 0px) / 2)' as any
+export const SCROLLBAR_OFFSET_POSITIVE =
+  'calc(var(--removed-body-scroll-bar-size, 0px) / 2)' as any
+
+/**
+ * Useful for visually aligning icons within header buttons with the elements
+ * below them on the screen. Apply positively or negatively depending on side
+ * of the screen you're on.
+ */
+export const BUTTON_VISUAL_ALIGNMENT_OFFSET = 3
+
+/**
+ * Corresponds to the width of a small square or round button
+ */
+export const HEADER_SLOT_SIZE = 34