fix button size to prevent text overflow on show new button

only stick timeline heading to top instead of nav
bigger text size
2022-08-03 13:49:26 -07:00 · 2022-08-03 13:26:32 -07:00 · 2022-08-03 10:53:33 -07:00
3 changed files with 7 additions and 6 deletions
--- a/src/App.scss
+++ b/src/App.scss
@ -7,7 +7,7 @@
 }

 html {
-  font-size: 14px;
+  font-size: 18px;
  // overflow-x: clip causes my browser's tab to crash with SIGILL lul
 }

@ -127,7 +127,7 @@ nav {
  box-shadow: var(--topBarShadow);
  box-sizing: border-box;
  height: var(--navbar-height);
-  position: fixed;
+  position: relative;
 }

 #sidebar {
@ -135,7 +135,7 @@ nav {
 }

 .column.-scrollable {
-  top: var(--navbar-height);
+  top: 0;
  position: sticky;
 }

@ -297,7 +297,7 @@ nav {
      margin-left: 0;
      margin-right: 0;
      padding-top: 0;
-      margin-top: var(--navbar-height);
+      margin-top: 0;
      margin-bottom: 0;
    }

@ -339,7 +339,7 @@ nav {
  cursor: pointer;
  box-shadow: $fallback--buttonShadow;
  box-shadow: var(--buttonShadow);
-  font-size: 1em;
+  font-size: 0.8em;
  font-family: sans-serif;
  font-family: var(--interfaceFont, sans-serif);

--- a/src/components/timeline/timeline.scss
+++ b/src/components/timeline/timeline.scss
@ -23,6 +23,7 @@

    .timeline-heading {
      .button-default, .alert {
+	position: sticky;
        line-height: 2em;
        width: 100%;
      }
--- a/src/panel.scss
+++ b/src/panel.scss
@ -81,7 +81,7 @@

  &.-sticky {
    position: sticky;
-    top: var(--navbar-height);
+    top: 0;
  }

  &::after,
Author	SHA1	Message	Date
shitpostalotl	4357239e2a	fix button size to prevent text overflow on show new button	2022-08-03 13:49:26 -07:00
shitpostalotl	c50c670aa2	only stick timeline heading to top instead of nav	2022-08-03 13:26:32 -07:00
shitpostalotl	094694a8bf	bigger text size	2022-08-03 10:53:33 -07:00