diff options
| -rw-r--r-- | Pages/Shared/_Layout.cshtml | 2 | ||||
| -rw-r--r-- | Pages/Shared/_Layout.cshtml.css | 4 | ||||
| -rw-r--r-- | Pages/ViewMedia.cshtml | 23 | ||||
| -rw-r--r-- | wwwroot/styles/global.css | 11 |
4 files changed, 34 insertions, 6 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> diff --git a/wwwroot/styles/global.css b/wwwroot/styles/global.css index 2b007f8..3ce0533 100644 --- a/wwwroot/styles/global.css +++ b/wwwroot/styles/global.css @@ -8,10 +8,13 @@ } body { - margin: 0; - background: var(--col-bg); - color: white; - font-family: 'Trebuchet MS', 'Lucida Sans Unicode'; + background: var(--col-bg); + color: white; + display: flex; + flex-direction: column; + font-family: 'Trebuchet MS', 'Lucida Sans Unicode'; + margin: 0; + overflow: hidden; } a { |