From 53df7313fb4c4903c9e8af19d448761bf741ae18 Mon Sep 17 00:00:00 2001 From: "raul@facturapi.io" Date: Fri, 16 Oct 2026 09:47:06 -0600 Subject: [PATCH] fix(items): show collapsable items --- website/openapi_v2.en.yaml | 10 +++++++ website/openapi_v2.yaml | 10 +++++++ website/src/css/custom.css | 58 ++++++++++++++++++++++++++++++-------- 3 files changed, 67 insertions(+), 11 deletions(-) diff --git a/website/openapi_v2.en.yaml b/website/openapi_v2.en.yaml index 24e107210..9749c8dee 100644 --- a/website/openapi_v2.en.yaml +++ b/website/openapi_v2.en.yaml @@ -17817,6 +17817,11 @@ components: default: false description: | Render the foreign trade complement in the PDF. + render_phone: + type: boolean + default: false + description: | + Show the recipient's phone number in the PDF. repeat_signature: type: boolean default: false @@ -17935,6 +17940,11 @@ components: default: false description: | Render the foreign trade complement in the PDF. + render_phone: + type: boolean + default: false + description: | + Show the recipient's phone number in the PDF. repeat_signature: type: boolean default: false diff --git a/website/openapi_v2.yaml b/website/openapi_v2.yaml index 7e0dc190c..2249e199d 100644 --- a/website/openapi_v2.yaml +++ b/website/openapi_v2.yaml @@ -17768,6 +17768,11 @@ components: default: false description: | Renderizar el complemento de comercio exterior en el PDF. + render_phone: + type: boolean + default: false + description: | + Mostrar el teléfono del receptor en el PDF. repeat_signature: type: boolean default: false @@ -17883,6 +17888,11 @@ components: default: false description: | Renderizar el complemento de comercio exterior en el PDF. + render_phone: + type: boolean + default: false + description: | + Mostrar el teléfono del receptor en el PDF. repeat_signature: type: boolean default: false diff --git a/website/src/css/custom.css b/website/src/css/custom.css index 4d0ff1ea8..69d27e296 100644 --- a/website/src/css/custom.css +++ b/website/src/css/custom.css @@ -409,9 +409,17 @@ body[data-scrolled='true'] .navbar { grid-column: 1 / -1; } - > tr:has(> td[title='status']) { + > tr:has(> td[colspan]) { + animation: invoice-field-details-enter 180ms ease-out; + transform-origin: top; + } + + > tr:has(> td[title='status']), + > tr:has(> td[title='status']) + tr:has(> td[colspan]) { order: -11; + } + > tr:has(> td[title='status']) { > td + td > div { display: flex; flex-direction: column; @@ -423,22 +431,50 @@ body[data-scrolled='true'] .navbar { } } - > tr:has(> td[title='type']) { order: -10; } - > tr:has(> td[title='customer']) { order: -9; } - > tr:has(> td[title='third_party']) { order: -8; } - > tr:has(> td:is([title='items'], [title='complements'])) { order: -7; } - > tr:has(> td[title='use']) { order: -6; } - > tr:has(> td:is([title='payment_form'], [title='payment_method'], [title='conditions'])) { order: -5; } - > tr:has(> td:is([title='currency'], [title='exchange'])) { order: -4; } - > tr:has(> td:is([title='date'], [title='folio_number'], [title='series'])) { order: -3; } - > tr:has(> td:is([title='related_documents'], [title='global'], [title='export'])) { order: 1; } - > tr:has(> td:is([title='pdf_custom_section'], [title='addenda'], [title='namespaces'], [title='pdf_options'])) { order: 2; } + > tr:has(> td[title='type']), + > tr:has(> td[title='type']) + tr:has(> td[colspan]) { order: -10; } + > tr:has(> td[title='customer']), + > tr:has(> td[title='customer']) + tr:has(> td[colspan]) { order: -9; } + > tr:has(> td[title='third_party']), + > tr:has(> td[title='third_party']) + tr:has(> td[colspan]) { order: -8; } + > tr:has(> td:is([title='items'], [title='complements'])), + > tr:has(> td:is([title='items'], [title='complements'])) + tr:has(> td[colspan]) { order: -7; } + > tr:has(> td[title='use']), + > tr:has(> td[title='use']) + tr:has(> td[colspan]) { order: -6; } + > tr:has(> td:is([title='payment_form'], [title='payment_method'], [title='conditions'])), + > tr:has(> td:is([title='payment_form'], [title='payment_method'], [title='conditions'])) + tr:has(> td[colspan]) { order: -5; } + > tr:has(> td:is([title='currency'], [title='exchange'])), + > tr:has(> td:is([title='currency'], [title='exchange'])) + tr:has(> td[colspan]) { order: -4; } + > tr:has(> td:is([title='date'], [title='folio_number'], [title='series'])), + > tr:has(> td:is([title='date'], [title='folio_number'], [title='series'])) + tr:has(> td[colspan]) { order: -3; } + > tr:has(> td:is([title='related_documents'], [title='global'], [title='export'])), + > tr:has(> td:is([title='related_documents'], [title='global'], [title='export'])) + tr:has(> td[colspan]) { order: 1; } + > tr:has(> td:is([title='pdf_custom_section'], [title='addenda'], [title='namespaces'], [title='pdf_options'])), + > tr:has(> td:is([title='pdf_custom_section'], [title='addenda'], [title='namespaces'], [title='pdf_options'])) + tr:has(> td[colspan]) { order: 2; } @media (max-width: 50rem) { grid-template-columns: minmax(0, 1fr); } } +@keyframes invoice-field-details-enter { + from { + opacity: 0; + transform: translateY(-0.4rem); + } + + to { + opacity: 1; + transform: translateY(0); + } +} + +@media (prefers-reduced-motion: reduce) { + [id='operation/createInvoice'] tbody:has(> tr > td[title='status'] + td select) > tr:has(> td[colspan]) { + animation: none; + } +} + html[data-theme='dark'] .redocusaurus button[aria-expanded='true'] { border-color: transparent !important; }