octo
/
brutaldon
mirror of https://gitlab.com/brutaldon/brutaldon
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fix settings layout a bit

This commit is contained in:
Jason McBrayer 2019-02-15 20:57:02 -05:00
parent fa9fa8ceef
commit 7f8641aa06
3 changed files with 95 additions and 67 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
brutaldon/static/css/brutaldon-dark.css
View File

@ -199,11 +199,6 @@ emoji-link
margin-left: 50%; margin-left: 50%;
} }
.preferences-help
{
max-width: 30em;
display: inline-block;
}
input#id_poll_frequency input#id_poll_frequency
{ {

5
brutaldon/static/css/brutaldon.css
View File

@ -179,11 +179,6 @@ emoji-link
margin-left: 50%; margin-left: 50%;
} }
.preferences-help
{
max-width: 30em;
display: inline-block;
}
input#id_poll_frequency input#id_poll_frequency
{ {
max-width: 10em; max-width: 10em;

70
brutaldon/templates/setup/settings.html
View File

@ -9,7 +9,7 @@
<h2 class="subtitle">General Options</h2> <h2 class="subtitle">General Options</h2>
<div class="field"> <div class="field">
<label class="label" for="theme">{{ form.theme.label }}</label> <label class="label" for="id_theme">{{ form.theme.label }}</label>
<div class="control has-icons-left"> <div class="control has-icons-left">
<div class="select"> <div class="select">
{% render_field form.theme class+="select" %} {% render_field form.theme class+="select" %}
@ -20,7 +20,7 @@
</div> </div>
<div class="field"> <div class="field">
<label class="label" for="timezone">{{ form.timezone.label }}</label> <label class="label" for="id_timezone">{{ form.timezone.label }}</label>
<div class="control has-icons-left"> <div class="control has-icons-left">
<div class="select"> <div class="select">
{% render_field form.timezone class+="select" %} {% render_field form.timezone class+="select" %}
@ -45,74 +45,112 @@
</div> </div>
<h2 class="subtitle">JavaScript Options</h2> <h2 class="subtitle">JavaScript Options</h2>
<div class="field"> <div class="columns">
<label class="label checkbox" for="no_javascript"> <div class="column is-quarter">
<label class="label checkbox" for="id_no_javascript">
{% render_field form.no_javascript class+="checkbox" %} {% render_field form.no_javascript class+="checkbox" %}
{{ form.no_javascript.label }} {{ form.no_javascript.label }}
</label> </label>
</div>
<div class="column is-quarter">
<p class="notification is-info preferences-help"> <p class="notification is-info preferences-help">
{{ form.no_javascript.help_text }} {{ form.no_javascript.help_text }}
</p> </p>
</div> </div>
<div class="column is-half">
<div class="field"> </div>
<label class="label checkbox" for="notifications"> </div>
<div class="columns">
<div class="column is-quarter">
<label class="label checkbox" for="id_notifications">
{% render_field form.notifications class+="checkbox" %} {% render_field form.notifications class+="checkbox" %}
{{ form.notifications.label }} {{ form.notifications.label }}
</label> </label>
</div>
<div class="column is-quarter">
<p class="notification is-info preferences-help"> <p class="notification is-info preferences-help">
{{ form.notifications.help_text }} {{ form.notifications.help_text }}
</p> </p>
</div> </div>
<div class="column is-half">
<div class="field"> </div>
<label class="label checkbox" for="click_to_load"> </div>
<div class="columns">
<div class="column is-quarter">
<label class="label checkbox" for="id_click_to_load">
{% render_field form.click_to_load class+="checkbox" %} {% render_field form.click_to_load class+="checkbox" %}
{{ form.click_to_load.label }} {{ form.click_to_load.label }}
</label> </label>
</div>
<div class="column is-quarter">
<p class="notification is-info preferences-help"> <p class="notification is-info preferences-help">
{{ form.click_to_load.help_text }} {{ form.click_to_load.help_text }}
</p> </p>
</div> </div>
<div class="column is-half">
<div class="field"> </div>
<label class="label checkbox" for="click_to_load"> </div>
<div class="columns">
<div class="column is-quarter">
<label class="label checkbox" for="id_lightbox">
{% render_field form.lightbox class+="checkbox" %} {% render_field form.lightbox class+="checkbox" %}
{{ form.lightbox.label }} {{ form.lightbox.label }}
</label> </label>
</div>
<div class="column is-quarter">
<p class="notification is-info preferences-help"> <p class="notification is-info preferences-help">
{{ form.lightbox.help_text }} {{ form.lightbox.help_text }}
</p> </p>
</div> </div>
<div class="column is-half">
<div class="field"> </div>
<label class="label checkbox" for="click_to_load"> </div>
<div class="columns">
<div class="column is-quarter">
<label class="label checkbox" for="id_filter_notifications">
{% render_field form.filter_notifications class+="checkbox" %} {% render_field form.filter_notifications class+="checkbox" %}
{{ form.filter_notifications.label }} {{ form.filter_notifications.label }}
</label> </label>
</div>
<div class="column is-quarter">
<p class="notification is-info preferences-help"> <p class="notification is-info preferences-help">
{{ form.filter_notifications.help_text }} {{ form.filter_notifications.help_text }}
</p> </p>
</div> </div>
<div class="column is-half">
<div class="field"> </div>
<label class="label" for="poll_frequency">{{ form.poll_frequency.label }}</label> </div>
<div class="columns">
<div class="column is-quarter">
<label class="label" for="id_poll_frequency">
{{ form.poll_frequency.label }}
</label>
<div class="control"> <div class="control">
{% render_field form.poll_frequency class+="input" %} {% render_field form.poll_frequency class+="input" %}
</div> </div>
</div>
<div class="column is-quarter">
<p class="notification is-info preferences-help"> <p class="notification is-info preferences-help">
{{ form.poll_frequency.help_text }} {{ form.poll_frequency.help_text }}
</p> </p>
</div> </div>
<div class="column is-half">
</div>
</div>
<div class="field"> <div class="field">
<input type="submit" name="submit" <input type="submit" name="submit"
value="Save" class="button is-primary" > value="Save" class="button is-primary" >
</div> </div>
</form> </form>
<h2 class="subtitle">Filters and Lists</h2> <h2 class="subtitle">Filters and Lists</h2>
<div class="section">
<p><a href="{% url "list_filters" %}">List filters</a></p> <p><a href="{% url "list_filters" %}">List filters</a></p>
</div>
</div> </div>
{% endblock %} {% endblock %}