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{
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;
}