Add hidden tag for hidden folders

Teknologforeningen · Jan 23, 2020 · de6e1fc · de6e1fc
1 parent 6ff7695
commit de6e1fc
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 2 deletions.
diff --git a/fotogalleri/gallery/static/css/folder.css b/fotogalleri/gallery/static/css/folder.css
@@ -37,4 +37,15 @@
 
 .folder-link:hover::before {
     color: rgb(255, 153, 161);
-}
+}
+
+.hidden-folder-tag {
+    border-color: var(--dark-red);
+    color: var(--dark-red);
+    border-width: 1px;
+    border-style: solid;
+}
+
+.has-margin-left-10 {
+    margin-left: 10px;
+}
diff --git a/fotogalleri/gallery/templates/components/folder.html b/fotogalleri/gallery/templates/components/folder.html
@@ -7,6 +7,11 @@
   data-url="/view/{{ folder.full_path }}"
   data-id="{{ folder.pk }}"
 >
-  <input type="checkbox" style="display: none; margin-left: 10px;" />  
   {{ folder.path }}
+
+  {% if folder.hidden %}
+    <span class="tag hidden-folder-tag is-normal has-margin-left-10">Hidden</span>
+  {% endif %}
+
+  <input type="checkbox" class="has-margin-left-10" style="display: none;" />
 </a>