From 6dc8cef2d180788fd9ea64ed615fb9242cbc9744 Mon Sep 17 00:00:00 2001 From: Timothee Date: Wed, 21 Jan 2026 15:34:21 +0100 Subject: [PATCH] =?UTF-8?q?N=C2=B08955=20New=20UIBlocks=20for=20setup?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../layout/extension/_extension-details.scss | 54 +++++++++++-------- 1 file changed, 32 insertions(+), 22 deletions(-) diff --git a/css/backoffice/layout/extension/_extension-details.scss b/css/backoffice/layout/extension/_extension-details.scss index cfb778579..be2c61a54 100644 --- a/css/backoffice/layout/extension/_extension-details.scss +++ b/css/backoffice/layout/extension/_extension-details.scss @@ -1,39 +1,49 @@ -.ibo-extension-details{ - display:inline-flex; - flex-direction : row; +$ibo-extension-details--information--metadata--padding : $ibo-spacing-200 !default; +$ibo-extension-details--information--metadata--delimiter : "-" !default; + +.ibo-extension-details { + display: inline-flex; + flex-direction: row; justify-content: space-between; align-items: center; - - width:450px; + + width: 450px; } -.ibo-extension-details--information{ - flex-grow:1; - display:flex; - flex-direction : column; + +.ibo-extension-details--information { + flex-grow: 1; + display: flex; + flex-direction: column; } -.ibo-extension-details--actions{ - display:flex; + +.ibo-extension-details--actions { + display: flex; } -.ibo-extension-details--information--label{ + +.ibo-extension-details--information--label { @extend %ibo-font-ral-med-150; } -.ibo-extension-details--information--metadata{ + +.ibo-extension-details--information--metadata { @extend %ibo-font-ral-med-100; - color:$ibo-color-grey-700; + color: $ibo-color-grey-700; } -.ibo-extension-details--information--description{ + +.ibo-extension-details--information--description { @extend %ibo-font-ral-med-100; } -.ibo-extension-details--information--metadata span + span:before{ - content: " - "; +.ibo-extension-details--information--metadata span + span:before { + content: $ibo-extension-details--information--metadata--delimiter; + padding-left: $ibo-extension-details--information--metadata--padding; + padding-right: $ibo-extension-details--information--metadata--padding; } -.ibo-extension-details:has(input:checked) .ibo-badge.unchecked, .ibo-extension-details:has(input:not(:checked)) .ibo-badge.checked{ - display:none; +.ibo-extension-details:has(input:checked) .ibo-badge.unchecked, .ibo-extension-details:has(input:not(:checked)) .ibo-badge.checked { + display: none; } -.ibo-extension-details--actions > button{ - position:relative; - top:-3px; +.ibo-extension-details--actions > button { + position: relative; + top: -3px; } \ No newline at end of file