Style: Positioning

Bonitoflakes · May 6, 2023 · b55729f · b55729f
1 parent e84195c
commit b55729f
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 3 deletions.
diff --git a/src/styles/nav.css b/src/styles/nav.css
@@ -5,6 +5,10 @@
   border-bottom: 1px solid #c6d2d9;
   border-left: 3px solid var(--primary);
   background-color: white;
+  position: fixed;
+  top: 0;
+  width: 100%;
+  z-index: 10000;
 }
 
 .nav__right {

diff --git a/src/styles/sidebar.css b/src/styles/sidebar.css
@@ -6,6 +6,8 @@
   transition: width 0.3s ease-in-out;
   min-height: 100vh;
   position: fixed;
+  margin-top: 5.2rem;
+  top: 0;
 }
 
 .sidebar.open {

diff --git a/src/styles/timetracker-recorder.css b/src/styles/timetracker-recorder.css
@@ -13,8 +13,11 @@
   background: white;
   margin: 2rem;
   box-shadow: 0 0 20px #0000001a;
-  margin-left: var(--tracker-margin-left);
   transition: 0.3s margin ease-in-out;
+  position: sticky;
+  top: 8rem;
+  z-index: 10000;
+  margin-left: var(--tracker-margin-left);
 }
 
 .timetracker-recorder__input {

diff --git a/src/styles/trackerEntry.css b/src/styles/trackerEntry.css
@@ -4,6 +4,10 @@
   width: 1px;
 }
 
+main {
+  margin-top: 8rem;
+}
+
 .week {
   margin: 2rem;
   margin-left: var(--tracker-margin-left);
@@ -68,10 +72,17 @@
   display: flex;
   align-items: center;
   border-top: 1px solid rgb(198, 210, 217);
-  border-bottom: 1px solid rgb(198, 210, 217);
+  /* border-bottom: 1px solid rgb(198, 210, 217); */
   /* border-radius: 2px; */
   padding: 1rem;
   background: white;
+}
+
+input.date-time-picker:focus-visible {
+  border: 1px solid rgb(198, 210, 217);
+}
+
+.tracker-entry:hover {
   box-shadow: 0 0 20px #0000001a;
 }
 
@@ -300,7 +311,7 @@
   height: 100dvh;
   background-color: rgba(0, 0, 0, 0.8);
   z-index: 100;
-  position: absolute;
+  position: fixed;
   top: 0;
   display: flex;
   align-items: center;