From 812eae0b5b75f24adebfe6347ecda26c04b8181b Mon Sep 17 00:00:00 2001 From: Jake Mannens Date: Thu, 10 Aug 2023 01:56:12 +1000 Subject: Added ability to tag media --- Pages/ViewMedia.cshtml.css | 38 +++++++++++++++++++++++++++++++++++++- 1 file changed, 37 insertions(+), 1 deletion(-) (limited to 'Pages/ViewMedia.cshtml.css') 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; +} -- cgit v1.3