Add hover effect and slim class to dev assets and apply in signature list

Introduced a new SCSS file to handle hover effects on rows and added the ability to remove bottom margins with a "slim" class. Updated various twig templates to utilize these new styles for better visual feedback and alignment.
This commit is contained in:
2024-09-04 17:55:01 +02:00
parent 20f2bc6c35
commit d0031e82e8
5 changed files with 109 additions and 3 deletions

View File

@@ -2,7 +2,7 @@
<div class="container">
{% for s in signatures %}
<div class="row align-items-center">
<div class="row row-hover align-items-center">
<div class="col-sm-12 col-md-8">
{% include '@ChillMain/OnTheFly/_insert_vue_onthefly.html.twig' with {
action: 'show', displayBadge: true,
@@ -13,9 +13,9 @@
</div>
<div class="col-sm-12 col-md-4">
{% if s.isSigned %}
<p class="text-end">{{ 'workflow.signature_zone.has_signed_statement'|trans({ 'datetime' : s.stateDate }) }}</p>
<span class="text-end">{{ 'workflow.signature_zone.has_signed_statement'|trans({ 'datetime' : s.stateDate }) }}</span>
{% else %}
<ul class="record_actions">
<ul class="record_actions slim">
<li>
<a class="btn btn-misc" href="{{ chill_path_add_return_path('chill_main_workflow_signature_metadata', { 'signature_id': s.id}) }}"><i class="fa fa-pencil-square-o"></i> {{ 'workflow.signature_zone.button_sign'|trans }}</a>
{% if s.state is same as('signed') %}