styles in scss with webpack

This commit is contained in:
Julie Lenaerts 2022-03-01 14:00:14 +01:00
parent d6bad9e030
commit 67948f7f3a
5 changed files with 24 additions and 123 deletions

View File

@ -41,4 +41,13 @@
.total {
margin-top: 1rem;
border-top: 1px dashed black;
}
}
.accordion-item {
margin-bottom: 1rem;
}
button[aria-expanded="true"] > span.folded,
button[aria-expanded="false"] > span.unfolded { display: none; }
button[aria-expanded="false"] > span.folded,
button[aria-expanded="true"] > span.unfolded { display: inline; }

View File

@ -6,60 +6,6 @@
{% set title = 'Budget for household %household%'|trans({ '%household%' : household.id } ) %}
{% block title title %}
{% block css %}
<style>
.subtitle {
margin-top: 1rem;
margin-bottom: 1rem;
padding: 1rem;
}
.family-title {
margin-bottom: 1rem !important;
}
.budget-table th {
color: white;
}
.budget-table th.charge {
background-color: #e03851;
}
.budget-table th.resource {
background-color: #6d9e63;
}
.budget-table th, td {
padding: 10px;
text-align: left;
}
.budget-table td.column-wide {
width: 25%;
}
.budget-table td.column-small {
width: 15%;
}
.bold {
font-weight: 600;
}
.total {
margin-top: 1rem;
border-top: 1px dashed black;
}
.accordion-item {
margin-bottom: 1rem;
}
button[aria-expanded="true"] > span.folded,
button[aria-expanded="false"] > span.unfolded { display: none; }
button[aria-expanded="false"] > span.folded,
button[aria-expanded="true"] > span.unfolded { display: inline; }
</style>
{% endblock %}
{% block content %}
<h1>{{ title }}</h1>

View File

@ -4,59 +4,6 @@
{% set title = 'Budget for %name%'|trans({ '%name%' : person.firstName ~ " " ~ person.lastName } ) %}
{% block title title %}
{% block css %}
<style>
.subtitle {
margin-top: 1rem;
margin-bottom: 1rem;
padding: 1rem;
}
.family-title {
margin-bottom: 1rem !important;
}
.budget-table th {
color: white;
}
.budget-table th.charge {
background-color: #e03851;
}
.budget-table th.resource {
background-color: #6d9e63;
}
.budget-table th, td {
padding: 10px;
text-align: left;
}
.budget-table td.column-wide {
width: 25%;
}
.budget-table td.column-small {
width: 15%;
}
.bold {
font-weight: 600;
}
.total {
margin-top: 1rem;
border-top: 1px dashed black;
}
.accordion-item {
margin-bottom: 1rem;
}
button[aria-expanded="true"] > span.folded,
button[aria-expanded="false"] > span.unfolded { display: none; }
button[aria-expanded="false"] > span.folded,
button[aria-expanded="true"] > span.unfolded { display: inline; }
</style>
{% endblock %}
{% block content %}
<h1>{{ title }}</h1>
@ -66,18 +13,17 @@
'person': person
} %}
{# {% if (resources|length + charges|length) == 0 or futureCharges|length > 0 or futureResources|length > 0 or pastCharges|length > 0 or pastResources|length > 0 %} #}
{% if is_granted('CHILL_BUDGET_ELEMENT_CREATE', person) %}
<ul class="record_actions sticky-form-buttons">
<li>
<a class="btn btn-create" href="{{ path('chill_budget_resource_new', { 'id': person.id} ) }}">{{ 'Create new resource'|trans }}</a>
</li>
<li>
<a class="btn btn-create" href="{{ path('chill_budget_charge_new', { 'id': person.id} ) }}">{{ 'Create new charge'|trans }}</a>
</li>
</ul>
{% endif %}
{# {% endif %} #}
{% if is_granted('CHILL_BUDGET_ELEMENT_CREATE', person) %}
<ul class="record_actions sticky-form-buttons">
<li>
<a class="btn btn-create" href="{{ path('chill_budget_resource_new', { 'id': person.id} ) }}">{{ 'Create new resource'|trans }}</a>
</li>
<li>
<a class="btn btn-create" href="{{ path('chill_budget_charge_new', { 'id': person.id} ) }}">{{ 'Create new charge'|trans }}</a>
</li>
</ul>
{% endif %}
{% endblock %}

View File

@ -1,9 +1,9 @@
// this file loads all assets from the Chill person bundle
// this file loads all assets from the Chill budget bundle
module.exports = function(encore, entries)
{
entries.push(__dirname + '/Resources/public/pages/index.js');
encore.addAliases({
ChillBudgetAssets: __dirname + '/Resources/public'
});
encore.addEntry('page_budget', __dirname + '/Resources/public/page/index.js');
};