mirror of https://gitlab.com/brutaldon/brutaldon
Fix settings layout a bit
This commit is contained in:
Jason McBrayer
parent
fa9fa8ceef
commit
7f8641aa06
|
|
@ -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
|
||||||
{
|
{
|
||||||
|
|
|
||||||
|
|
@ -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;
|
||||||
|
|
|
||||||
|
|
@ -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">
|
||||||
{% render_field form.no_javascript class+="checkbox" %}
|
<label class="label checkbox" for="id_no_javascript">
|
||||||
{{ form.no_javascript.label }}
|
{% render_field form.no_javascript class+="checkbox" %}
|
||||||
</label>
|
{{ form.no_javascript.label }}
|
||||||
<p class="notification is-info preferences-help">
|
</label>
|
||||||
{{ form.no_javascript.help_text }}
|
</div>
|
||||||
</p>
|
<div class="column is-quarter">
|
||||||
</div>
|
<p class="notification is-info preferences-help">
|
||||||
|
{{ form.no_javascript.help_text }}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="column is-half">
|
||||||
|
|
||||||
<div class="field">
|
</div>
|
||||||
<label class="label checkbox" for="notifications">
|
|
||||||
{% render_field form.notifications class+="checkbox" %}
|
|
||||||
{{ form.notifications.label }}
|
|
||||||
</label>
|
|
||||||
<p class="notification is-info preferences-help">
|
|
||||||
{{ form.notifications.help_text }}
|
|
||||||
</p>
|
|
||||||
</div>
|
</div>
|
||||||
|
<div class="columns">
|
||||||
|
<div class="column is-quarter">
|
||||||
|
<label class="label checkbox" for="id_notifications">
|
||||||
|
{% render_field form.notifications class+="checkbox" %}
|
||||||
|
{{ form.notifications.label }}
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<div class="column is-quarter">
|
||||||
|
<p class="notification is-info preferences-help">
|
||||||
|
{{ form.notifications.help_text }}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="column is-half">
|
||||||
|
|
||||||
<div class="field">
|
</div>
|
||||||
<label class="label checkbox" for="click_to_load">
|
</div>
|
||||||
{% render_field form.click_to_load class+="checkbox" %}
|
<div class="columns">
|
||||||
{{ form.click_to_load.label }}
|
<div class="column is-quarter">
|
||||||
</label>
|
<label class="label checkbox" for="id_click_to_load">
|
||||||
<p class="notification is-info preferences-help">
|
{% render_field form.click_to_load class+="checkbox" %}
|
||||||
|
{{ form.click_to_load.label }}
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<div class="column is-quarter">
|
||||||
|
<p class="notification is-info preferences-help">
|
||||||
{{ form.click_to_load.help_text }}
|
{{ form.click_to_load.help_text }}
|
||||||
</p>
|
</p>
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="field">
|
|
||||||
<label class="label checkbox" for="click_to_load">
|
|
||||||
{% render_field form.lightbox class+="checkbox" %}
|
|
||||||
{{ form.lightbox.label }}
|
|
||||||
</label>
|
|
||||||
<p class="notification is-info preferences-help">
|
|
||||||
{{ form.lightbox.help_text }}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="field">
|
|
||||||
<label class="label checkbox" for="click_to_load">
|
|
||||||
{% render_field form.filter_notifications class+="checkbox" %}
|
|
||||||
{{ form.filter_notifications.label }}
|
|
||||||
</label>
|
|
||||||
<p class="notification is-info preferences-help">
|
|
||||||
{{ form.filter_notifications.help_text }}
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
<div class="field">
|
|
||||||
<label class="label" for="poll_frequency">{{ form.poll_frequency.label }}</label>
|
|
||||||
<div class="control">
|
|
||||||
{% render_field form.poll_frequency class+="input" %}
|
|
||||||
</div>
|
</div>
|
||||||
<p class="notification is-info preferences-help">
|
<div class="column is-half">
|
||||||
{{ form.poll_frequency.help_text }}
|
|
||||||
</p>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
<div class="columns">
|
||||||
|
<div class="column is-quarter">
|
||||||
|
<label class="label checkbox" for="id_lightbox">
|
||||||
|
{% render_field form.lightbox class+="checkbox" %}
|
||||||
|
{{ form.lightbox.label }}
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<div class="column is-quarter">
|
||||||
|
<p class="notification is-info preferences-help">
|
||||||
|
{{ form.lightbox.help_text }}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="column is-half">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="columns">
|
||||||
|
<div class="column is-quarter">
|
||||||
|
<label class="label checkbox" for="id_filter_notifications">
|
||||||
|
{% render_field form.filter_notifications class+="checkbox" %}
|
||||||
|
{{ form.filter_notifications.label }}
|
||||||
|
</label>
|
||||||
|
</div>
|
||||||
|
<div class="column is-quarter">
|
||||||
|
<p class="notification is-info preferences-help">
|
||||||
|
{{ form.filter_notifications.help_text }}
|
||||||
|
</p>
|
||||||
|
</div>
|
||||||
|
<div class="column is-half">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="columns">
|
||||||
|
<div class="column is-quarter">
|
||||||
|
<label class="label" for="id_poll_frequency">
|
||||||
|
{{ form.poll_frequency.label }}
|
||||||
|
</label>
|
||||||
|
<div class="control">
|
||||||
|
{% render_field form.poll_frequency class+="input" %}
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="column is-quarter">
|
||||||
|
<p class="notification is-info preferences-help">
|
||||||
|
{{ form.poll_frequency.help_text }}
|
||||||
|
</p>
|
||||||
|
</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 %}
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue