composer/iTop
6
0
Fork 0
mirror of https://github.com/Combodo/iTop.git synced 2026-02-12 23:14:18 +01:00
Code Issues Packages Projects Releases Wiki Activity

N°8955 New UIBlocks for setup

Browse Source
This commit is contained in:
Timothee
2026-01-21 15:34:21 +01:00
parent 2f93bd2318
commit 6dc8cef2d1
1 changed files with 32 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
css/backoffice/layout/extension/_extension-details.scss
View File

@@ -1,39 +1,49 @@
.ibo-extension-details{ $ibo-extension-details--information--metadata--padding : $ibo-spacing-200 !default;
display:inline-flex; $ibo-extension-details--information--metadata--delimiter : "-" !default;
flex-direction : row;
.ibo-extension-details {
display: inline-flex;
flex-direction: row;
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
width:450px; width: 450px;
} }
.ibo-extension-details--information{
flex-grow:1; .ibo-extension-details--information {
display:flex; flex-grow: 1;
flex-direction : column; 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; @extend %ibo-font-ral-med-150;
} }
.ibo-extension-details--information--metadata{
.ibo-extension-details--information--metadata {
@extend %ibo-font-ral-med-100; @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; @extend %ibo-font-ral-med-100;
} }
.ibo-extension-details--information--metadata span + span:before{ .ibo-extension-details--information--metadata span + span:before {
content: " - "; 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{ .ibo-extension-details:has(input:checked) .ibo-badge.unchecked, .ibo-extension-details:has(input:not(:checked)) .ibo-badge.checked {
display:none; display: none;
} }
.ibo-extension-details--actions > button{ .ibo-extension-details--actions > button {
position:relative; position: relative;
top:-3px; top: -3px;
} }