styling/Ensure topbar is always on top

LewisYoul · LewisYoul · commit 79171edc40ac · 2021-02-18T11:05:04.000Z
diff --git a/app/assets/stylesheets/_header.scss b/app/assets/stylesheets/_header.scss
@@ -12,7 +12,7 @@
   position: -webkit-sticky; /* Safari */
   position: fixed;
   top: 0;
-  z-index: 3;
+  z-index: 7;
   margin-bottom: $topbar-margin;
 }
 
diff --git a/app/views/snippets/_snippet_preview.html.erb b/app/views/snippets/_snippet_preview.html.erb
@@ -32,7 +32,7 @@
     
     <div class="relative">
       <% if snippet.has_preview? %>
-        <div title="View the entire snippet" class="transition text-gray-500 hover:underline absolute border rounded-md bottom-2 right-2 z-3 bg-white text-sm px-2 py-1">
+        <div title="View the entire snippet" class="transition text-gray-500 hover:underline absolute border rounded-md bottom-2 right-2 z-10 bg-white text-sm px-2 py-1">
           <span>More...</span>
         </div>
       <% end %>

Original file line number	Diff line number	Diff line change
`@@ -12,7 +12,7 @@`
`12`	`12`	`position: -webkit-sticky; /* Safari */`
`13`	`13`	`position: fixed;`
`14`	`14`	`top: 0;`
`15`		`- z-index: 3;`
	`15`	`+ z-index: 7;`
`16`	`16`	`margin-bottom: $topbar-margin;`
`17`	`17`	`}`
`18`	`18`