refactor: Use class for targeting

Signed-off-by: Vincent Boutour <[email protected]>
ViBiOh · Nov 18, 2022 · b07c3ff · b07c3ff
1 parent 224340c
commit b07c3ff
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 7 deletions.
diff --git a/cmd/fibr/static/styles/main.min.css b/cmd/fibr/static/styles/main.min.css
diff --git a/cmd/fibr/static/styles/upload.css b/cmd/fibr/static/styles/upload.css
@@ -1,11 +1,11 @@
-#upload-modal:target,
-#upload-success:target {
+.upload-modal:target,
+.upload-success:target {
   display: flex;
   z-index: 5;
 }
 
-#upload-modal:target ~ .content,
-#upload-success:target ~ .content {
+.upload-modal:target ~ .content,
+.upload-success:target ~ .content {
   pointer-events: none;
 }
 

diff --git a/cmd/fibr/templates/upload-form.html b/cmd/fibr/templates/upload-form.html
@@ -4,7 +4,7 @@
   </script>
 
 
-  <div id="upload-modal" class="modal">
+  <div id="upload-modal" class="modal upload-modal">
     <div class="modal-content">
       <h2 class="flex flex-center header no-margin">
         <span>Upload files</span>
@@ -35,7 +35,7 @@ <h2 class="flex flex-center header no-margin">
     </div>
   </div>
 
-  <div id="upload-success" class="modal">
+  <div id="upload-success" class="modal upload-success">
     <div class="modal-content">
       <h2 class="header success padding">Upload success ✓</h2>