Tweak the admin UI

This commit is contained in:
Thomas Sileo 2019-09-03 22:54:01 +02:00
parent 90609468f1
commit 2bbee2ee54
2 changed files with 29 additions and 4 deletions

View file

@ -350,6 +350,27 @@ form.action-form {
#admin { #admin {
margin-top: 50px; margin-top: 50px;
} }
.tabbar {
margin-bottom:50px;
}
.tab {
padding: 10px;
text-decoration: none;
}
.tab.selected {
background: $color-menu-background;
color: $primary-color;
border-top: 1px solid $primary-color;
border-right: 1px solid $primary-color;
border-left: 1px solid $primary-color;
padding: 9px;
}
.tab:hover {
text-decoration: none;
background: $color-menu-background;
color: $color-light;
}
textarea, input, select { textarea, input, select {
background: $color-menu-background; background: $color-menu-background;
padding: 10px; padding: 10px;

View file

@ -12,11 +12,13 @@
<h3 style="padding-bottom: 30px">Replying to {{ content }}</h3> <h3 style="padding-bottom: 30px">Replying to {{ content }}</h3>
{{ utils.display_thread(thread) }} {{ utils.display_thread(thread) }}
{% else %} {% else %}
<div class="tabbar">
{% if request.args.get("question") == "1" %} {% if request.args.get("question") == "1" %}
<h3 style="padding-bottom:20px;">New question <small><a href="/admin/new">make it a note?</a></small></h3> <a href="{{ url_for('admin.admin_new') }}" class="tab">Note</a><a href="{{ url_for('admin.admin_new') }}?question=1" class="tab selected">Question</a>
{% else %} {% else %}
<h3 style="padding-bottom:20px;">New note <small><a href="/admin/new?question=1">make it a question?</a></small></h3> <a href="{{ url_for('admin.admin_new') }}" class="tab selected">Note</a><a href="{{ url_for('admin.admin_new') }}?question=1" class="tab">Question</a>
{% endif %} {% endif %}
</div>
{% endif %} {% endif %}
<form action="/api/new_{% if request.args.get("question") == "1" %}question{%else%}note{%endif%}" method="POST" enctype="multipart/form-data"> <form action="/api/new_{% if request.args.get("question") == "1" %}question{%else%}note{%endif%}" method="POST" enctype="multipart/form-data">
<input type="hidden" name="redirect" value="/"> <input type="hidden" name="redirect" value="/">
@ -37,13 +39,15 @@
{% endfor %} {% endfor %}
</p> </p>
<textarea name="content" rows="10" cols="50" autofocus="autofocus" designMode="on">{{ content }}</textarea> <textarea name="content" rows="10" cols="50" autofocus="autofocus" designMode="on" style="font-size:1.2em;">{{ content }}</textarea>
<input type="file" name="file"> <input type="file" name="file">
{% if request.args.get("question") == "1" %} {% if request.args.get("question") == "1" %}
<div style="margin-top:20px;"> <div style="margin-top:20px;">
<p>Open for: <select name="open_for"> <p>Open for: <select name="open_for">
<option value="1">1 minutes</option> <option value="5">5 minutes</option>
<option value="10">10 minutes</option>
<option value="15">15 minutes</option>
<option value="30">30 minutes</option> <option value="30">30 minutes</option>
<option value="60">1 hour</option> <option value="60">1 hour</option>
<option value="360">6 hour</option> <option value="360">6 hour</option>