sonny/newsreader
1
0
Fork 0
Code Issues 13 Pull requests 2 Projects Releases 58 Packages Wiki Activity Actions

Update rules list view

Browse source
This commit is contained in:
sonny 2020-05-15 20:32:35 +02:00
parent 1ec81ff48c
commit ba2b5d0547
2 changed files with 63 additions and 33 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/newsreader/news/collection/templates/collection/rules.html
View file

@ -6,11 +6,19 @@
<form class="form rules-form">
{% csrf_token %}
<div class="form__actions">
<section class="section form__section form__section--actions">
<fieldset class="fieldset form__fieldset">
<input type="submit" class="button button--primary" formaction="{% url "news:collection:rules-enable" %}" formmethod="post" value="{% trans "Enable" %}" />
<input type="submit" class="button button--primary" formaction="{% url "news:collection:rules-disable" %}" formmethod="post" value="{% trans "Disable" %}" />
<input type="submit" class="button button--error" formaction="{% url "news:collection:rules-delete" %}" formmethod="post" value="{% trans "Delete" %}"/>
</fieldset>
<div class="form__actions">
<a class="link button button--confirm" href="{% url "news:collection:rule-create" %}">{% trans "Add a rule" %}</a>
</div>
</section>
<section class="section form__section">
<table class="table rules-table">
<thead class="table__header rules-table__header">
<tr class="table__row rules-table__row">
@ -41,7 +49,9 @@
{% endfor %}
</tbody>
</table>
</section>
</form>
<div class="table__footer">
<div class="pagination">
<span class="pagination__previous">

20
src/newsreader/scss/components/form/_form.scss
View file

@ -16,6 +16,19 @@
justify-content: space-between;
}
}
&--actions {
display: flex;
flex-direction: row !important;
& .form__fieldset {
flex-direction: row;
& > * {
margin: 0 0 0 5px;
}
}
}
}
&__fieldset {
@ -29,6 +42,13 @@
padding: 15px;
}
&__actions {
display: flex;
flex-direction: row;
padding: 15px;
}
&__title {
font-size: 18px;
}