fix: Fixing some modal non prompting

Signed-off-by: Vincent Boutour <[email protected]>
ViBiOh · Nov 25, 2022 · 7481fa7 · 7481fa7
1 parent 9cde6ff
commit 7481fa7
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 10 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/share.css b/cmd/fibr/static/styles/share.css
@@ -1,19 +1,18 @@
-#share-form:target {
+.share-form-modal:target {
   display: flex;
   z-index: 5;
 }
 
-#share-form:target ~ .content {
+.share-form-modal:target ~ .content {
   pointer-events: none;
 }
 
-
-#share-list:target {
+.share-list-modal:target {
   display: flex;
   z-index: 5;
 }
 
-#share-list:target ~ .content {
+.share-list-modal:target ~ .content {
   pointer-events: none;
 }
 

diff --git a/cmd/fibr/templates/folder-modal.html b/cmd/fibr/templates/folder-modal.html
@@ -1,5 +1,5 @@
 {{ define "folder-modal" }}
-  <div id="folder-modal" class="modal">
+  <div id="folder-modal" class="modal folder-modal">
     <div class="modal-content">
       <h2 class="header">Create new folder</h2>
 

diff --git a/cmd/fibr/templates/share-form.html b/cmd/fibr/templates/share-form.html
@@ -1,5 +1,5 @@
 {{ define "share-directory" }}
-  <div id="share-form" class="modal share-form">
+  <div id="share-form" class="modal share-form-modal">
     <div class="modal-content">
       <h2 class="header">Share this directory</h2>
 
@@ -11,7 +11,7 @@ <h2 class="header">Share this directory</h2>
 {{ end }}
 
 {{ define "share-file" }}
-  <div id="share-form-{{ .ID }}" class="modal">
+  <div id="share-form-{{ .ID }}" class="modal share-form-modal">
     <div class="modal-content">
       <h2 class="header">Share {{ .Name }}</h2>
 

diff --git a/cmd/fibr/templates/share-list.html b/cmd/fibr/templates/share-list.html
@@ -1,5 +1,5 @@
 {{ define "share-list" }}
-  <div id="share-list" class="modal">
+  <div id="share-list" class="share-list-modal modal">
     <div class="modal-content">
       <h2 class="flex flex-center header no-margin">
         <span>Shared folders</span>