Added ability to tag media

1 files changed, 37 insertions, 1 deletions

diff --git a/Pages/ViewMedia.cshtml.css b/Pages/ViewMedia.cshtml.css
index 4041fa8..622de48 100644
--- a/Pages/ViewMedia.cshtml.css
+++ b/Pages/ViewMedia.cshtml.css
@@ -40,6 +40,7 @@ div#metadata-header > a.selected {
 
 div#metadata-header > a:hover {
     background: rgba(255, 255, 255, 0.4);
+    filter:     none;
 }
 
 div#metadata-fileinfo > table th {
@@ -51,7 +52,42 @@ div#metadata-fileinfo > table td {
     font-size:   8pt;
 }
 
+div#metadata-tags > table td {
+    font-size: 8pt;
+}
+
 div.button-container {
     display:         flex;
     justify-content: flex-end;
-}
\ No newline at end of file
+}
+
+div#tag-dialog {
+    max-height: 400px;
+}
+
+div#tag-dialog div#tag-definitions {
+    overflow-y:  auto;
+    user-select: none;
+}
+
+div#tag-dialog div#tag-definitions label {
+    background:    #555;
+    border-radius: 10px;
+    display:       inline-block;
+    font-size:     10pt;
+    margin:        0 5px 5px 0;
+    padding:       5px 7px 5px 7px;
+    transition:    background 0.1s linear;
+}
+
+div#tag-dialog div#tag-definitions label:hover {
+    background: #777;
+}
+
+div#tag-dialog div#tag-definitions input:checked + label {
+    background: #aaa;
+}
+
+div#tag-dialog div#tag-definitions input {
+    display: none;
+}