Moved workflow progress CSS into a separate SCSS file

pull/6257/head
Karl Hobley 2020-02-19 15:26:04 +00:00 zatwierdzone przez Matt Westcott
rodzic dad2d7edf5
commit bdbfc2e65e
2 zmienionych plików z 62 dodań i 54 usunięć

Wyświetl plik

@ -0,0 +1,53 @@
/*
* Styling for the workflow progress view
* See: wagtail/wagtail/admin/templates/wagtailadmin/pages/workflow_history/detail.html
*/
.tab-buttons {
margin-top: 30px;
button {
background: none;
border: none;
padding-bottom: 5px;
font-weight: bold;
&.active {
border-bottom: 3px solid #007d7e;
}
}
}
.workflow-tasks-table,
.workflow-timeline-table {
width: 100%;
border-top: 1px solid rgb(229, 229, 229);
border-bottom: 1px solid rgb(229, 229, 229);
font-size: 0.8em;
td, th {
padding: 20px;
}
th {
font-size: 1.2em;
}
.left-column {
font-size: 1.2em;
font-weight: bold;
color: #555;
}
}
.workflow-tasks-table {
background-color: rgb(250, 250, 250);
.left-column {
background-color: rgb(245, 245, 245);
}
}
.workflow-timeline-table tr {
border-bottom: 1px solid rgb(229, 229, 229);
}

Wyświetl plik

@ -9,7 +9,7 @@
<div class="nice-padding">
<h2 class="icon icon-doc-empty-inverse">{{ page.get_admin_display_title }}</h2>
<p style="margin-bottom: 30px;">
<p>
<a href="{% url 'wagtailadmin_pages:edit' page.id %}" class="button button-small button-secondary">{% trans "Edit / Review" %}</a>
<a href="{% url 'wagtailadmin_pages:workflow_history' page.id %}" class="button button-small button-secondary">{% trans "Workflow history" %}</a>
</p>
@ -29,7 +29,7 @@
{% blocktrans with workflow_state.get_status_display as status %}Status <span class="status-tag primary"> {{ status }}</span>{% endblocktrans %}
</p>
<div class="tab-buttons" style="margin-top: 30px;">
<div class="tab-buttons">
<button data-tab-button="tasks" class="active">{% trans "Tasks" %}</button>
<button data-tab-button="timeline">{% trans "Timeline" %}</button>
</div>
@ -136,56 +136,11 @@
});
});
</script>
<style>
.tab-buttons button {
background: none;
border: none;
padding-bottom: 5px;
font-weight: bold;
}
.tab-buttons button.active {
border-bottom: 3px solid #007d7e;
}
.workflow-tasks-table,
.workflow-timeline-table {
width: 100%;
border-top: 1px solid rgb(229, 229, 229);
border-bottom: 1px solid rgb(229, 229, 229);
font-size: 0.8em;
}
.workflow-tasks-table {
background-color: rgb(250, 250, 250);
}
.workflow-tasks-table td,
.workflow-timeline-table td,
.workflow-tasks-table th,
.workflow-timeline-table th {
padding: 20px;
}
.workflow-tasks-table th,
.workflow-timeline-table th {
font-size: 1.2em;
}
.workflow-tasks-table .left-column,
.workflow-timeline-table .left-column {
font-size: 1.2em;
font-weight: bold;
color: #555;
}
.workflow-tasks-table .left-column {
background-color: rgb(245, 245, 245);
}
.workflow-timeline-table tr {
border-bottom: 1px solid rgb(229, 229, 229);
}
</style>
{% endblock %}
{% block extra_css %}
{{ block.super }}
<link rel="stylesheet" href="{% versioned_static 'wagtailadmin/css/layouts/workflow-progress.css' %}" />
{% endblock %}