diff options
Diffstat (limited to 'Pages')
| -rw-r--r-- | Pages/Shared/_Layout.cshtml | 2 | ||||
| -rw-r--r-- | Pages/Shared/_Layout.cshtml.css | 4 | ||||
| -rw-r--r-- | Pages/ViewMedia.cshtml | 23 |
3 files changed, 27 insertions, 2 deletions
diff --git a/Pages/Shared/_Layout.cshtml b/Pages/Shared/_Layout.cshtml index 9cdb952..4c80500 100644 --- a/Pages/Shared/_Layout.cshtml +++ b/Pages/Shared/_Layout.cshtml @@ -18,7 +18,7 @@ <a href="/">Home</a> <a href="/TagDefinitions">Tags</a> </div> - <div id="content" style="overflow:@(ViewBag.ContentScroll ? "auto" : "hidden");margin:@(ViewBag.ContentMargin ?? "0");"> + <div id="content" style="overflow-y:@(ViewBag.ContentScroll ? "auto" : "hidden");padding:@(ViewBag.ContentMargin ?? "0");"> @RenderBody() </div> </body> diff --git a/Pages/Shared/_Layout.cshtml.css b/Pages/Shared/_Layout.cshtml.css index 5b2ba65..337ec17 100644 --- a/Pages/Shared/_Layout.cshtml.css +++ b/Pages/Shared/_Layout.cshtml.css @@ -15,4 +15,8 @@ div#navbar > a:hover { div#navbar > a:active { background: #fff; color: var(--col-navbar-bg); +} + +#content { + flex: 1 1 calc(100vh - 119px); }
\ No newline at end of file diff --git a/Pages/ViewMedia.cshtml b/Pages/ViewMedia.cshtml index 3d0ce4a..0bf58cd 100644 --- a/Pages/ViewMedia.cshtml +++ b/Pages/ViewMedia.cshtml @@ -21,6 +21,10 @@ document.getElementById('delete-dialog').classList.toggle('visible', visible); } + function showTagDialog(visible) { + document.getElementById('tag-dialog').classList.toggle('visible', visible); + } + function selectPane(tab) { var tabs = Array.from(document.querySelectorAll('div#metadata-header > a')); @@ -90,7 +94,7 @@ </tr> </table> <div class="button-container"> - <button>Add Tag</button> + <button onclick="showTagDialog(true)">Add Tag</button> </div> </div> </div> @@ -104,3 +108,20 @@ <button onclick="deleteMedia()">Confirm</button> </div> </div> + +<div id="tag-dialog" class="dialog visible"> + <p>Select one or more tag(s) to add</p> + <hr/> + <input type="text" placeholder="Search"/> + <table> + @for(int i = 0; i < 7; i++) { + <tr> + <td>@i</td> + </tr> + } + </table> + <div class="button-container"> + <button onclick="showTagDialog(false)" class="secondary">Cancel</button> + <button>Accept</button> + </div> +</div> |