Merge pull request #870 from 200ok-ch/fix/make-header-sticky

fix: Make header sticky
200ok-ch · Jul 6, 2022 · e801c39 · e801c39
2 parents e326925 + 3f16fa2
commit e801c39
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/changelog.org b/changelog.org
@@ -10,6 +10,8 @@ When there are updates to the changelog, you will be notified and see a 'gift' i
 ** Fixed
 - Change log renders above previously opened view component
   - PR: https://github.com/200ok-ch/organice/pull/869
+- Make HeaderBar sticky
+  - PR: https://github.com/200ok-ch/organice/pull/870
 * [2022-07-04 Mon]
 ** Added
 - Setting to change textbox height in the description editor

diff --git a/src/components/HeaderBar/stylesheet.css b/src/components/HeaderBar/stylesheet.css
@@ -3,13 +3,17 @@
 .header-bar {
   background-color: var(--base2);
   height: 30px;
+  min-height: 30px;
   padding: 10px;
 
   display: grid;
   grid-template-columns: minmax(2em, 3.5fr) minmax(1em, 3fr) minmax(1em, 3.5fr);
   grid-template-areas: 'back title actions';
   align-items: center;
 
+  position: sticky;
+  top: 0;
+
   z-index: 1;
 }