diff options
Diffstat (limited to 'views/partials/settings.ejs')
| -rw-r--r-- | views/partials/settings.ejs | 97 |
1 files changed, 54 insertions, 43 deletions
diff --git a/views/partials/settings.ejs b/views/partials/settings.ejs index bb5d9e4..adf184e 100644 --- a/views/partials/settings.ejs +++ b/views/partials/settings.ejs @@ -2,58 +2,68 @@ <div class="inner"> <h2>thread settings</h2> <a class="close_link">exit settings</a> - <form id="thread_controls"> - <div id="thread_fields"> - <div> - <label for="thread_title">Title</label> + <div id="thread_controls"> + <div id="left_side"> + <form id="thread_fields"> <div> - <input id="thread_title" name="title" type="text"> + <label for="thread_title">Title</label> + <div> + <input id="thread_title" name="title" type="text"> + </div> </div> - </div> -<!-- - <div> - <label for="thread_bg">Background</label> + <!-- <div> - <input id="thread_bg" name="bg" type="text" placeholder="Enter URL"><br> - <img id="thread_bg_img" /> + <label for="thread_bg">Background</label> + <div> + <input id="thread_bg" name="bg" type="text" placeholder="Enter URL"><br> + <img id="thread_bg_img" /> + </div> </div> + --> + <div class="dropdown"> + <label for="thread_color">Color</label> + <select id="thread_color" name="color"></select> + </div> + <div class="dropdown"> + <label for="thread_keyword">Keyword</label> + <select id="thread_keyword" name="keyword"></select> + </div> + <div> + <label for="thread_hoots">hoot style</label> + <input id="thread_hoots" name="hoots" value="0" type="hidden"> + <input id="thread_hoots" name="hoots" value="1" type="checkbox"> + </div> + <div> + <label for="thread_shorturls">shorten urls</label> + <input id="thread_shorturls" name="shorturls" value="0" type="hidden"> + <input id="thread_shorturls" name="shorturls" value="1" type="checkbox"> + </div> + <div> + <label></label> + <input id="thread_submit" value="Save" type="submit"> + </div> + <div> + <label></label> + <div id="errors"></div> + </div> + </form> + <br><br> + <div class="thread_field"> + <label style="padding-top: 2px">danger zone:</label> + <div><button class="thread_delete">Delete This Thread</button></div> </div> ---> - <div class="dropdown"> - <label for="thread_color">Color</label> - <select id="thread_color" name="color"></select> - </div> - <div class="dropdown"> - <label for="thread_keyword">Keyword</label> - <select id="thread_keyword" name="keyword"></select> - </div> - <div> - <label for="thread_hoots">hoot style</label> - <input id="thread_hoots" name="hoots" value="0" type="hidden"> - <input id="thread_hoots" name="hoots" value="1" type="checkbox"> - </div> - <div> - <label for="thread_shorturls">shorten urls</label> - <input id="thread_shorturls" name="shorturls" value="0" type="hidden"> - <input id="thread_shorturls" name="shorturls" value="1" type="checkbox"> - </div> - <div> - <label></label> - <input id="thread_submit" value="Save" type="submit"> - </div> - </form> - + </div> </div> </div> </div> <style> #thread_settings h2 { - font-size: 20px; + font-size: 16px; margin: 0; } #thread_settings .inner { - padding: 10px; + padding: 20px; text-align: left; } #thread_controls { @@ -67,18 +77,16 @@ #thread_fields { text-align: left; } + .thread_field, #thread_fields > div { display: flex; flex-direction: row; margin-top: 5px; } - #thread_fields label { + #thread_controls label { margin-top: 4px; padding-right: 5px; } - #thread_fields .shim { - height: 10px; - } #thread_fields input[type=text] { font-size: 13px; width: 200px; @@ -86,11 +94,14 @@ } #thread_settings .close_link { position: absolute; - top: 15px; + top: 23px; right: 10px; } #thread_fields label { display: block; width: 80px; } + .desktop button.thread_delete:hover { + background: #ff8288; + } </style>
\ No newline at end of file |