iTop/css/backoffice/layout/extension/_extension-details.scss at f106c98bdf50dde95afec52ee7a2e5351da03612 · Combodo/iTop · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
$ibo-extension-details--information--metadata--padding: $ibo-spacing-200 !default;
$ibo-extension-details--information--metadata--delimiter: "-" !default;
$ibo-extension-details--information--metadata--color: $ibo-color-grey-700 !default;
$ibo-extension-details--actions--button--padding-y: 3px !default;
$ibo-extension-details--actions--button--padding-x: $ibo-button--padding-x !default;

.ibo-extension-details {
	display: inline-flex;
	flex-direction: row;
	justify-content: space-between;
	align-items: center;
	width: 100%;
}

.ibo-extension-details--information {
	flex-grow: 1;
	display: flex;
	flex-direction: column;
}

.ibo-extension-details--actions {
	display: flex;
}

.ibo-extension-details--information--label {
	@extend %ibo-font-ral-med-150;
}

.ibo-extension-details--information--metadata {
	@extend %ibo-font-ral-med-100;
	color: $ibo-extension-details--information--metadata--color;
}

.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--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--actions > button {
	padding: $ibo-extension-details--actions--button--padding-y $ibo-extension-details--actions--button--padding-x;
}

.ibo-extension-details--actions:has(.toggler-install:not(:disabled)) .ibo-popover-menu--section a[data-resource-id="force_uninstall"] {
	display: none;
}