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
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
|
.pf-v6-c-inline-edit {
--pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
--pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
}
.pf-v6-c-inline-edit__group {
display: flex;
align-items: baseline;
}
.pf-v6-c-inline-edit__group > * {
margin-inline-end: var(--pf-v6-c-inline-edit__group--item--MarginInlineEnd);
}
.pf-v6-c-inline-edit__group.pf-m-icon-group {
--pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd);
}
.pf-v6-c-inline-edit__group.pf-m-footer {
margin-block-start: var(--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart);
}
.pf-v6-c-inline-edit__group.pf-m-column {
--pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
flex-direction: column;
}
.pf-v6-c-inline-edit__group > :last-child {
--pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
}
.pf-v6-c-inline-edit__input {
flex: 1;
}
.pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain {
--pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color);
}
.pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain:hover {
--pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);
}
.pf-v6-c-inline-edit__input,
.pf-v6-c-inline-edit__action,
.pf-v6-c-inline-edit__group.pf-m-action-group {
display: none;
}
.pf-v6-c-inline-edit__action.pf-m-enable-editable {
display: inline-block;
}
.pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__input,
.pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__input {
display: block;
}
.pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action,
.pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action {
display: inline-block;
}
.pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group,
.pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group {
display: inline-flex;
}
.pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__value,
.pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable,
.pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__value,
.pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable {
display: none;
}
.pf-v6-c-inline-edit__label + .pf-v6-c-inline-edit__action.pf-m-enable > .pf-v6-c-button {
margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
}
.pf-v6-c-inline-edit__label.pf-m-bold {
font-weight: var(--pf-v6-c-inline-edit__label--m-bold--FontWeight);
}
.pf-v6-c-inline-edit__editable-text br {
display: none;
}
|
