From 80af0925b94f5e5ea782d3c3d44ac4e50516929b Mon Sep 17 00:00:00 2001 From: f2cmb <2480194+f2cmb@users.noreply.github.com> Date: Tue, 14 Oct 2025 15:05:15 +0200 Subject: [PATCH 1/4] remove width scss rules for ticket form field --- css/includes/_base.scss | 10 ---------- 1 file changed, 10 deletions(-) diff --git a/css/includes/_base.scss b/css/includes/_base.scss index 34ef3d665db..221b4c388f4 100644 --- a/css/includes/_base.scss +++ b/css/includes/_base.scss @@ -490,16 +490,6 @@ body pre { color: var(--tblr-body-color); } -.col-12.glpi-full-width { - .col-form-label { - width: calc(-4px + 20.8333%); - } - - .field-container { - width: calc(-11px + 79.1666%); - } -} - .modal-lg .col-12.glpi-full-width { .col-form-label { width: calc(-4px + 25.8333%); From 55f3f47109a9f56c0c9de2cbcb352c4bcb55527f Mon Sep 17 00:00:00 2001 From: f2cmb <2480194+f2cmb@users.noreply.github.com> Date: Mon, 20 Oct 2025 13:40:46 +0200 Subject: [PATCH 2/4] override col-xxl-7/-5 by col-xxl-8/-4 values --- css/includes/_base.scss | 10 ++++++++++ 1 file changed, 10 insertions(+) diff --git a/css/includes/_base.scss b/css/includes/_base.scss index 221b4c388f4..8d28e2bbeb2 100644 --- a/css/includes/_base.scss +++ b/css/includes/_base.scss @@ -490,6 +490,16 @@ body pre { color: var(--tblr-body-color); } +.col-12.glpi-full-width { + .col-form-label { + width: 33.33333333%; /* Bootstrap 5 / Tabler.io .col-xxl-4 width */ + } + + .field-container { + width: 66.66666667%; /* Bootstrap 5 / Tabler.io .col-xxl-8 width */ + } +} + .modal-lg .col-12.glpi-full-width { .col-form-label { width: calc(-4px + 25.8333%); From 9f01a9aed83c741c88730044f6240c0b32240d2f Mon Sep 17 00:00:00 2001 From: f2cmb <2480194+f2cmb@users.noreply.github.com> Date: Wed, 22 Oct 2025 09:30:49 +0200 Subject: [PATCH 3/4] adjust width value for passing lint tests --- css/includes/_base.scss | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/css/includes/_base.scss b/css/includes/_base.scss index 8d28e2bbeb2..cd5de0a8b5d 100644 --- a/css/includes/_base.scss +++ b/css/includes/_base.scss @@ -492,11 +492,11 @@ body pre { .col-12.glpi-full-width { .col-form-label { - width: 33.33333333%; /* Bootstrap 5 / Tabler.io .col-xxl-4 width */ + width: 33.3333%; /* Bootstrap 5 / Tabler.io .col-xxl-4 width */ } .field-container { - width: 66.66666667%; /* Bootstrap 5 / Tabler.io .col-xxl-8 width */ + width: 66.6667%; /* Bootstrap 5 / Tabler.io .col-xxl-8 width */ } } From ff112c257b0013f98c2ef4e6f4b4956a83a97db6 Mon Sep 17 00:00:00 2001 From: f2cmb <2480194+f2cmb@users.noreply.github.com> Date: Tue, 28 Oct 2025 10:27:20 +0100 Subject: [PATCH 4/4] combine new class on template + new css rule --- css/includes/_base.scss | 14 ++++++++++++-- .../components/itilobject/fields_panel.html.twig | 2 +- 2 files changed, 13 insertions(+), 3 deletions(-) diff --git a/css/includes/_base.scss b/css/includes/_base.scss index cd5de0a8b5d..c2bc439a2fa 100644 --- a/css/includes/_base.scss +++ b/css/includes/_base.scss @@ -492,11 +492,11 @@ body pre { .col-12.glpi-full-width { .col-form-label { - width: 33.3333%; /* Bootstrap 5 / Tabler.io .col-xxl-4 width */ + width: calc(-4px + 20.8333%); } .field-container { - width: 66.6667%; /* Bootstrap 5 / Tabler.io .col-xxl-8 width */ + width: calc(-11px + 79.1666%); } } @@ -510,6 +510,16 @@ body pre { } } +.itil-object-fields .col-12.glpi-full-width { + .col-form-label { + width: 33.3333%; /* Bootstrap 5 / Tabler.io .col-xxl-4 width */ + } + + .field-container { + width: 66.6667%; /* Bootstrap 5 / Tabler.io .col-xxl-8 width */ + } +} + // Needed as 'text-muted' may not always be readable depending on the menu // background color. .horizontal-layout { diff --git a/templates/components/itilobject/fields_panel.html.twig b/templates/components/itilobject/fields_panel.html.twig index 576c5c0ab14..0c98590daf2 100644 --- a/templates/components/itilobject/fields_panel.html.twig +++ b/templates/components/itilobject/fields_panel.html.twig @@ -42,7 +42,7 @@ {% set itil_layout = user_pref('itil_layout', true) %} {% set headers_states = itil_layout['items']|default([]) %} -