@i-cell/ids-styles 0.0.30 → 0.0.32
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components.css +1163 -0
- package/dist/components.min.css +1 -1
- package/dist/components.plugin.js +1142 -0
- package/dist/table/table.css +1162 -0
- package/dist/table/table.min.css +1 -0
- package/dist/table/table.plugin.js +1151 -0
- package/package.json +1 -1
package/dist/components.css
CHANGED
|
@@ -12006,6 +12006,1169 @@ button.ids-chip.ids-chip-outlined.ids-chip-dark:not(:disabled):active > .ids-chi
|
|
|
12006
12006
|
color: var(--ids-comp-tab-item-standard-active-indicator-bg-primary-disabled);
|
|
12007
12007
|
}
|
|
12008
12008
|
|
|
12009
|
+
.ids-table {
|
|
12010
|
+
position: relative;
|
|
12011
|
+
box-sizing: border-box;
|
|
12012
|
+
display: block;
|
|
12013
|
+
max-width: 100%;
|
|
12014
|
+
}
|
|
12015
|
+
.ids-table > .ids-table__horizontal-scroll {
|
|
12016
|
+
position: relative;
|
|
12017
|
+
overflow: auto;
|
|
12018
|
+
width: 100%;
|
|
12019
|
+
}
|
|
12020
|
+
.ids-table.ids-table-compact.ids-table-with-border > .ids-table__horizontal-scroll > table {
|
|
12021
|
+
border-radius: var(--ids-comp-table-size-border-radius-compact);
|
|
12022
|
+
border-width: var(--ids-comp-table-size-border-width-compact);
|
|
12023
|
+
}
|
|
12024
|
+
.ids-table.ids-table-compact.ids-table-line-division > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12025
|
+
border-top-style: solid;
|
|
12026
|
+
border-top-width: var(--ids-comp-table-tbody-tr-size-border-width-compact);
|
|
12027
|
+
}
|
|
12028
|
+
.ids-table.ids-table-compact:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky-border-elem-left {
|
|
12029
|
+
border-right-style: solid;
|
|
12030
|
+
border-right-width: var(--ids-comp-table-thead-th-size-border-width-compact);
|
|
12031
|
+
}
|
|
12032
|
+
.ids-table.ids-table-compact:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky-border-elem-right {
|
|
12033
|
+
border-left-style: solid;
|
|
12034
|
+
border-left-width: var(--ids-comp-table-thead-th-size-border-width-compact);
|
|
12035
|
+
}
|
|
12036
|
+
.ids-table.ids-table-compact:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row) > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky-border-elem-left {
|
|
12037
|
+
border-right-style: solid;
|
|
12038
|
+
border-right-width: var(--ids-comp-table-tbody-td-size-border-width-compact);
|
|
12039
|
+
}
|
|
12040
|
+
.ids-table.ids-table-compact:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row) > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky-border-elem-right {
|
|
12041
|
+
border-left-style: solid;
|
|
12042
|
+
border-left-width: var(--ids-comp-table-tbody-td-size-border-width-compact);
|
|
12043
|
+
}
|
|
12044
|
+
.ids-table.ids-table-compact > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell {
|
|
12045
|
+
gap: var(--ids-comp-table-thead-th-size-gap-compact);
|
|
12046
|
+
min-height: var(--ids-comp-table-thead-th-size-min-height-compact);
|
|
12047
|
+
padding-left: var(--ids-comp-table-thead-th-size-padding-x-compact);
|
|
12048
|
+
padding-right: var(--ids-comp-table-thead-th-size-padding-x-compact);
|
|
12049
|
+
padding-top: var(--ids-comp-table-thead-th-size-padding-y-compact);
|
|
12050
|
+
padding-bottom: var(--ids-comp-table-thead-th-size-padding-y-compact);
|
|
12051
|
+
font-family: var(--ids-comp-table-thead-th-typography-font-family-compact);
|
|
12052
|
+
font-size: var(--ids-comp-table-thead-th-typography-font-size-compact);
|
|
12053
|
+
font-weight: var(--ids-comp-table-thead-th-typography-font-weight-compact);
|
|
12054
|
+
letter-spacing: var(--ids-comp-table-thead-th-typography-letter-spacing-compact);
|
|
12055
|
+
line-height: var(--ids-comp-table-thead-th-typography-line-height-compact);
|
|
12056
|
+
}
|
|
12057
|
+
.ids-table.ids-table-compact > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12058
|
+
gap: var(--ids-comp-table-tbody-td-size-gap-compact);
|
|
12059
|
+
min-height: var(--ids-comp-table-tbody-td-size-min-height-compact);
|
|
12060
|
+
padding-left: var(--ids-comp-table-tbody-td-size-padding-x-compact);
|
|
12061
|
+
padding-right: var(--ids-comp-table-tbody-td-size-padding-x-compact);
|
|
12062
|
+
padding-top: var(--ids-comp-table-tbody-td-size-padding-y-compact);
|
|
12063
|
+
padding-bottom: var(--ids-comp-table-tbody-td-size-padding-y-compact);
|
|
12064
|
+
font-family: var(--ids-comp-table-tbody-td-typography-td-font-family-compact);
|
|
12065
|
+
font-size: var(--ids-comp-table-tbody-td-typography-td-font-size-compact);
|
|
12066
|
+
font-weight: var(--ids-comp-table-tbody-td-typography-td-font-weight-default-compact);
|
|
12067
|
+
letter-spacing: var(--ids-comp-table-tbody-td-typography-td-letter-spacing-compact);
|
|
12068
|
+
line-height: var(--ids-comp-table-tbody-td-typography-td-line-height-compact);
|
|
12069
|
+
}
|
|
12070
|
+
.ids-table.ids-table-compact > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-prominent {
|
|
12071
|
+
font-weight: var(--ids-comp-table-tbody-td-typography-td-font-weight-prominent-compact);
|
|
12072
|
+
}
|
|
12073
|
+
.ids-table.ids-table-compact > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12074
|
+
font-family: var(--ids-comp-table-tbody-td-typography-description-font-family-compact);
|
|
12075
|
+
font-size: var(--ids-comp-table-tbody-td-typography-description-font-size-compact);
|
|
12076
|
+
font-weight: var(--ids-comp-table-tbody-td-typography-description-font-weight-compact);
|
|
12077
|
+
letter-spacing: var(--ids-comp-table-tbody-td-typography-description-letter-spacing-compact);
|
|
12078
|
+
line-height: var(--ids-comp-table-tbody-td-typography-description-line-height-compact);
|
|
12079
|
+
}
|
|
12080
|
+
.ids-table.ids-table-comfortable.ids-table-with-border > .ids-table__horizontal-scroll > table {
|
|
12081
|
+
border-radius: var(--ids-comp-table-size-border-radius-comfortable);
|
|
12082
|
+
border-width: var(--ids-comp-table-size-border-width-comfortable);
|
|
12083
|
+
}
|
|
12084
|
+
.ids-table.ids-table-comfortable.ids-table-line-division > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12085
|
+
border-top-style: solid;
|
|
12086
|
+
border-top-width: var(--ids-comp-table-tbody-tr-size-border-width-comfortable);
|
|
12087
|
+
}
|
|
12088
|
+
.ids-table.ids-table-comfortable:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky-border-elem-left {
|
|
12089
|
+
border-right-style: solid;
|
|
12090
|
+
border-right-width: var(--ids-comp-table-thead-th-size-border-width-comfortable);
|
|
12091
|
+
}
|
|
12092
|
+
.ids-table.ids-table-comfortable:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky-border-elem-right {
|
|
12093
|
+
border-left-style: solid;
|
|
12094
|
+
border-left-width: var(--ids-comp-table-thead-th-size-border-width-comfortable);
|
|
12095
|
+
}
|
|
12096
|
+
.ids-table.ids-table-comfortable:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row) > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky-border-elem-left {
|
|
12097
|
+
border-right-style: solid;
|
|
12098
|
+
border-right-width: var(--ids-comp-table-tbody-td-size-border-width-comfortable);
|
|
12099
|
+
}
|
|
12100
|
+
.ids-table.ids-table-comfortable:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row) > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky-border-elem-right {
|
|
12101
|
+
border-left-style: solid;
|
|
12102
|
+
border-left-width: var(--ids-comp-table-tbody-td-size-border-width-comfortable);
|
|
12103
|
+
}
|
|
12104
|
+
.ids-table.ids-table-comfortable > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell {
|
|
12105
|
+
gap: var(--ids-comp-table-thead-th-size-gap-comfortable);
|
|
12106
|
+
min-height: var(--ids-comp-table-thead-th-size-min-height-comfortable);
|
|
12107
|
+
padding-left: var(--ids-comp-table-thead-th-size-padding-x-comfortable);
|
|
12108
|
+
padding-right: var(--ids-comp-table-thead-th-size-padding-x-comfortable);
|
|
12109
|
+
padding-top: var(--ids-comp-table-thead-th-size-padding-y-comfortable);
|
|
12110
|
+
padding-bottom: var(--ids-comp-table-thead-th-size-padding-y-comfortable);
|
|
12111
|
+
font-family: var(--ids-comp-table-thead-th-typography-font-family-comfortable);
|
|
12112
|
+
font-size: var(--ids-comp-table-thead-th-typography-font-size-comfortable);
|
|
12113
|
+
font-weight: var(--ids-comp-table-thead-th-typography-font-weight-comfortable);
|
|
12114
|
+
letter-spacing: var(--ids-comp-table-thead-th-typography-letter-spacing-comfortable);
|
|
12115
|
+
line-height: var(--ids-comp-table-thead-th-typography-line-height-comfortable);
|
|
12116
|
+
}
|
|
12117
|
+
.ids-table.ids-table-comfortable > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12118
|
+
gap: var(--ids-comp-table-tbody-td-size-gap-comfortable);
|
|
12119
|
+
min-height: var(--ids-comp-table-tbody-td-size-min-height-comfortable);
|
|
12120
|
+
padding-left: var(--ids-comp-table-tbody-td-size-padding-x-comfortable);
|
|
12121
|
+
padding-right: var(--ids-comp-table-tbody-td-size-padding-x-comfortable);
|
|
12122
|
+
padding-top: var(--ids-comp-table-tbody-td-size-padding-y-comfortable);
|
|
12123
|
+
padding-bottom: var(--ids-comp-table-tbody-td-size-padding-y-comfortable);
|
|
12124
|
+
font-family: var(--ids-comp-table-tbody-td-typography-td-font-family-comfortable);
|
|
12125
|
+
font-size: var(--ids-comp-table-tbody-td-typography-td-font-size-comfortable);
|
|
12126
|
+
font-weight: var(--ids-comp-table-tbody-td-typography-td-font-weight-default-comfortable);
|
|
12127
|
+
letter-spacing: var(--ids-comp-table-tbody-td-typography-td-letter-spacing-comfortable);
|
|
12128
|
+
line-height: var(--ids-comp-table-tbody-td-typography-td-line-height-comfortable);
|
|
12129
|
+
}
|
|
12130
|
+
.ids-table.ids-table-comfortable > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-prominent {
|
|
12131
|
+
font-weight: var(--ids-comp-table-tbody-td-typography-td-font-weight-prominent-comfortable);
|
|
12132
|
+
}
|
|
12133
|
+
.ids-table.ids-table-comfortable > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12134
|
+
font-family: var(--ids-comp-table-tbody-td-typography-description-font-family-comfortable);
|
|
12135
|
+
font-size: var(--ids-comp-table-tbody-td-typography-description-font-size-comfortable);
|
|
12136
|
+
font-weight: var(--ids-comp-table-tbody-td-typography-description-font-weight-comfortable);
|
|
12137
|
+
letter-spacing: var(--ids-comp-table-tbody-td-typography-description-letter-spacing-comfortable);
|
|
12138
|
+
line-height: var(--ids-comp-table-tbody-td-typography-description-line-height-comfortable);
|
|
12139
|
+
}
|
|
12140
|
+
.ids-table.ids-table-spacious.ids-table-with-border > .ids-table__horizontal-scroll > table {
|
|
12141
|
+
border-radius: var(--ids-comp-table-size-border-radius-spacious);
|
|
12142
|
+
border-width: var(--ids-comp-table-size-border-width-spacious);
|
|
12143
|
+
}
|
|
12144
|
+
.ids-table.ids-table-spacious.ids-table-line-division > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12145
|
+
border-top-style: solid;
|
|
12146
|
+
border-top-width: var(--ids-comp-table-tbody-tr-size-border-width-spacious);
|
|
12147
|
+
}
|
|
12148
|
+
.ids-table.ids-table-spacious:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky-border-elem-left {
|
|
12149
|
+
border-right-style: solid;
|
|
12150
|
+
border-right-width: var(--ids-comp-table-thead-th-size-border-width-spacious);
|
|
12151
|
+
}
|
|
12152
|
+
.ids-table.ids-table-spacious:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky-border-elem-right {
|
|
12153
|
+
border-left-style: solid;
|
|
12154
|
+
border-left-width: var(--ids-comp-table-thead-th-size-border-width-spacious);
|
|
12155
|
+
}
|
|
12156
|
+
.ids-table.ids-table-spacious:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row) > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky-border-elem-left {
|
|
12157
|
+
border-right-style: solid;
|
|
12158
|
+
border-right-width: var(--ids-comp-table-tbody-td-size-border-width-spacious);
|
|
12159
|
+
}
|
|
12160
|
+
.ids-table.ids-table-spacious:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row) > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky-border-elem-right {
|
|
12161
|
+
border-left-style: solid;
|
|
12162
|
+
border-left-width: var(--ids-comp-table-tbody-td-size-border-width-spacious);
|
|
12163
|
+
}
|
|
12164
|
+
.ids-table.ids-table-spacious > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell {
|
|
12165
|
+
gap: var(--ids-comp-table-thead-th-size-gap-spacious);
|
|
12166
|
+
min-height: var(--ids-comp-table-thead-th-size-min-height-spacious);
|
|
12167
|
+
padding-left: var(--ids-comp-table-thead-th-size-padding-x-spacious);
|
|
12168
|
+
padding-right: var(--ids-comp-table-thead-th-size-padding-x-spacious);
|
|
12169
|
+
padding-top: var(--ids-comp-table-thead-th-size-padding-y-spacious);
|
|
12170
|
+
padding-bottom: var(--ids-comp-table-thead-th-size-padding-y-spacious);
|
|
12171
|
+
font-family: var(--ids-comp-table-thead-th-typography-font-family-spacious);
|
|
12172
|
+
font-size: var(--ids-comp-table-thead-th-typography-font-size-spacious);
|
|
12173
|
+
font-weight: var(--ids-comp-table-thead-th-typography-font-weight-spacious);
|
|
12174
|
+
letter-spacing: var(--ids-comp-table-thead-th-typography-letter-spacing-spacious);
|
|
12175
|
+
line-height: var(--ids-comp-table-thead-th-typography-line-height-spacious);
|
|
12176
|
+
}
|
|
12177
|
+
.ids-table.ids-table-spacious > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12178
|
+
gap: var(--ids-comp-table-tbody-td-size-gap-spacious);
|
|
12179
|
+
min-height: var(--ids-comp-table-tbody-td-size-min-height-spacious);
|
|
12180
|
+
padding-left: var(--ids-comp-table-tbody-td-size-padding-x-spacious);
|
|
12181
|
+
padding-right: var(--ids-comp-table-tbody-td-size-padding-x-spacious);
|
|
12182
|
+
padding-top: var(--ids-comp-table-tbody-td-size-padding-y-spacious);
|
|
12183
|
+
padding-bottom: var(--ids-comp-table-tbody-td-size-padding-y-spacious);
|
|
12184
|
+
font-family: var(--ids-comp-table-tbody-td-typography-td-font-family-spacious);
|
|
12185
|
+
font-size: var(--ids-comp-table-tbody-td-typography-td-font-size-spacious);
|
|
12186
|
+
font-weight: var(--ids-comp-table-tbody-td-typography-td-font-weight-default-spacious);
|
|
12187
|
+
letter-spacing: var(--ids-comp-table-tbody-td-typography-td-letter-spacing-spacious);
|
|
12188
|
+
line-height: var(--ids-comp-table-tbody-td-typography-td-line-height-spacious);
|
|
12189
|
+
}
|
|
12190
|
+
.ids-table.ids-table-spacious > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-prominent {
|
|
12191
|
+
font-weight: var(--ids-comp-table-tbody-td-typography-td-font-weight-prominent-spacious);
|
|
12192
|
+
}
|
|
12193
|
+
.ids-table.ids-table-spacious > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12194
|
+
font-family: var(--ids-comp-table-tbody-td-typography-description-font-family-spacious);
|
|
12195
|
+
font-size: var(--ids-comp-table-tbody-td-typography-description-font-size-spacious);
|
|
12196
|
+
font-weight: var(--ids-comp-table-tbody-td-typography-description-font-weight-spacious);
|
|
12197
|
+
letter-spacing: var(--ids-comp-table-tbody-td-typography-description-letter-spacing-spacious);
|
|
12198
|
+
line-height: var(--ids-comp-table-tbody-td-typography-description-line-height-spacious);
|
|
12199
|
+
}
|
|
12200
|
+
.ids-table.ids-table-dense.ids-table-with-border > .ids-table__horizontal-scroll > table {
|
|
12201
|
+
border-radius: var(--ids-comp-table-size-border-radius-dense);
|
|
12202
|
+
border-width: var(--ids-comp-table-size-border-width-dense);
|
|
12203
|
+
}
|
|
12204
|
+
.ids-table.ids-table-dense.ids-table-line-division > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12205
|
+
border-top-style: solid;
|
|
12206
|
+
border-top-width: var(--ids-comp-table-tbody-tr-size-border-width-dense);
|
|
12207
|
+
}
|
|
12208
|
+
.ids-table.ids-table-dense:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky-border-elem-left {
|
|
12209
|
+
border-right-style: solid;
|
|
12210
|
+
border-right-width: var(--ids-comp-table-thead-th-size-border-width-dense);
|
|
12211
|
+
}
|
|
12212
|
+
.ids-table.ids-table-dense:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky-border-elem-right {
|
|
12213
|
+
border-left-style: solid;
|
|
12214
|
+
border-left-width: var(--ids-comp-table-thead-th-size-border-width-dense);
|
|
12215
|
+
}
|
|
12216
|
+
.ids-table.ids-table-dense:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row) > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky-border-elem-left {
|
|
12217
|
+
border-right-style: solid;
|
|
12218
|
+
border-right-width: var(--ids-comp-table-tbody-td-size-border-width-dense);
|
|
12219
|
+
}
|
|
12220
|
+
.ids-table.ids-table-dense:not(.ids-table-plain) > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row) > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky-border-elem-right {
|
|
12221
|
+
border-left-style: solid;
|
|
12222
|
+
border-left-width: var(--ids-comp-table-tbody-td-size-border-width-dense);
|
|
12223
|
+
}
|
|
12224
|
+
.ids-table.ids-table-dense > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell {
|
|
12225
|
+
gap: var(--ids-comp-table-thead-th-size-gap-dense);
|
|
12226
|
+
min-height: var(--ids-comp-table-thead-th-size-min-height-dense);
|
|
12227
|
+
padding-left: var(--ids-comp-table-thead-th-size-padding-x-dense);
|
|
12228
|
+
padding-right: var(--ids-comp-table-thead-th-size-padding-x-dense);
|
|
12229
|
+
padding-top: var(--ids-comp-table-thead-th-size-padding-y-dense);
|
|
12230
|
+
padding-bottom: var(--ids-comp-table-thead-th-size-padding-y-dense);
|
|
12231
|
+
font-family: var(--ids-comp-table-thead-th-typography-font-family-dense);
|
|
12232
|
+
font-size: var(--ids-comp-table-thead-th-typography-font-size-dense);
|
|
12233
|
+
font-weight: var(--ids-comp-table-thead-th-typography-font-weight-dense);
|
|
12234
|
+
letter-spacing: var(--ids-comp-table-thead-th-typography-letter-spacing-dense);
|
|
12235
|
+
line-height: var(--ids-comp-table-thead-th-typography-line-height-dense);
|
|
12236
|
+
}
|
|
12237
|
+
.ids-table.ids-table-dense > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12238
|
+
gap: var(--ids-comp-table-tbody-td-size-gap-dense);
|
|
12239
|
+
min-height: var(--ids-comp-table-tbody-td-size-min-height-dense);
|
|
12240
|
+
padding-left: var(--ids-comp-table-tbody-td-size-padding-x-dense);
|
|
12241
|
+
padding-right: var(--ids-comp-table-tbody-td-size-padding-x-dense);
|
|
12242
|
+
padding-top: var(--ids-comp-table-tbody-td-size-padding-y-dense);
|
|
12243
|
+
padding-bottom: var(--ids-comp-table-tbody-td-size-padding-y-dense);
|
|
12244
|
+
font-family: var(--ids-comp-table-tbody-td-typography-td-font-family-dense);
|
|
12245
|
+
font-size: var(--ids-comp-table-tbody-td-typography-td-font-size-dense);
|
|
12246
|
+
font-weight: var(--ids-comp-table-tbody-td-typography-td-font-weight-default-dense);
|
|
12247
|
+
letter-spacing: var(--ids-comp-table-tbody-td-typography-td-letter-spacing-dense);
|
|
12248
|
+
line-height: var(--ids-comp-table-tbody-td-typography-td-line-height-dense);
|
|
12249
|
+
}
|
|
12250
|
+
.ids-table.ids-table-dense > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-prominent {
|
|
12251
|
+
font-weight: var(--ids-comp-table-tbody-td-typography-td-font-weight-prominent-dense);
|
|
12252
|
+
}
|
|
12253
|
+
.ids-table.ids-table-dense > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12254
|
+
font-family: var(--ids-comp-table-tbody-td-typography-description-font-family-dense);
|
|
12255
|
+
font-size: var(--ids-comp-table-tbody-td-typography-description-font-size-dense);
|
|
12256
|
+
font-weight: var(--ids-comp-table-tbody-td-typography-description-font-weight-dense);
|
|
12257
|
+
letter-spacing: var(--ids-comp-table-tbody-td-typography-description-letter-spacing-dense);
|
|
12258
|
+
line-height: var(--ids-comp-table-tbody-td-typography-description-line-height-dense);
|
|
12259
|
+
}
|
|
12260
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row {
|
|
12261
|
+
background-color: var(--ids-comp-table-thead-tr-color-bg-primary-default);
|
|
12262
|
+
border-color: var(--ids-comp-table-thead-tr-color-border-primary-default);
|
|
12263
|
+
}
|
|
12264
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell {
|
|
12265
|
+
background-color: var(--ids-comp-table-thead-th-color-bg-primary-default);
|
|
12266
|
+
border-color: var(--ids-comp-table-thead-th-color-border-primary-default);
|
|
12267
|
+
color: var(--ids-comp-table-thead-th-color-fg-typography-primary-default);
|
|
12268
|
+
}
|
|
12269
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky {
|
|
12270
|
+
position: relative;
|
|
12271
|
+
}
|
|
12272
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky::before {
|
|
12273
|
+
content: "";
|
|
12274
|
+
position: absolute;
|
|
12275
|
+
top: 0;
|
|
12276
|
+
right: 0;
|
|
12277
|
+
bottom: 0;
|
|
12278
|
+
left: 0;
|
|
12279
|
+
background-color: var(--ids-comp-table-color-bg-surface-default);
|
|
12280
|
+
z-index: -2;
|
|
12281
|
+
}
|
|
12282
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky::after {
|
|
12283
|
+
content: "";
|
|
12284
|
+
position: absolute;
|
|
12285
|
+
top: 0;
|
|
12286
|
+
right: 0;
|
|
12287
|
+
bottom: 0;
|
|
12288
|
+
left: 0;
|
|
12289
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-primary-default);
|
|
12290
|
+
z-index: -1;
|
|
12291
|
+
}
|
|
12292
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface {
|
|
12293
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-default);
|
|
12294
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-surface-default);
|
|
12295
|
+
}
|
|
12296
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12297
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-surface-default);
|
|
12298
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
|
|
12299
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
|
|
12300
|
+
}
|
|
12301
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky {
|
|
12302
|
+
position: relative;
|
|
12303
|
+
}
|
|
12304
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky::before {
|
|
12305
|
+
content: "";
|
|
12306
|
+
position: absolute;
|
|
12307
|
+
top: 0;
|
|
12308
|
+
right: 0;
|
|
12309
|
+
bottom: 0;
|
|
12310
|
+
left: 0;
|
|
12311
|
+
background-color: var(--ids-comp-table-color-bg-surface-default);
|
|
12312
|
+
z-index: -2;
|
|
12313
|
+
}
|
|
12314
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky::after {
|
|
12315
|
+
content: "";
|
|
12316
|
+
position: absolute;
|
|
12317
|
+
top: 0;
|
|
12318
|
+
right: 0;
|
|
12319
|
+
bottom: 0;
|
|
12320
|
+
left: 0;
|
|
12321
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-default);
|
|
12322
|
+
z-index: -1;
|
|
12323
|
+
}
|
|
12324
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12325
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
|
|
12326
|
+
}
|
|
12327
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface .ids-table__detail-cell--content-wrapper {
|
|
12328
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-surface-default);
|
|
12329
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-surface-default);
|
|
12330
|
+
}
|
|
12331
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover {
|
|
12332
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-hovered);
|
|
12333
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-surface-hovered);
|
|
12334
|
+
}
|
|
12335
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12336
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-surface-default);
|
|
12337
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
|
|
12338
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
|
|
12339
|
+
}
|
|
12340
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky {
|
|
12341
|
+
position: relative;
|
|
12342
|
+
}
|
|
12343
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky::before {
|
|
12344
|
+
content: "";
|
|
12345
|
+
position: absolute;
|
|
12346
|
+
top: 0;
|
|
12347
|
+
right: 0;
|
|
12348
|
+
bottom: 0;
|
|
12349
|
+
left: 0;
|
|
12350
|
+
background-color: var(--ids-comp-table-color-bg-surface-default);
|
|
12351
|
+
z-index: -2;
|
|
12352
|
+
}
|
|
12353
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky::after {
|
|
12354
|
+
content: "";
|
|
12355
|
+
position: absolute;
|
|
12356
|
+
top: 0;
|
|
12357
|
+
right: 0;
|
|
12358
|
+
bottom: 0;
|
|
12359
|
+
left: 0;
|
|
12360
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-hovered);
|
|
12361
|
+
z-index: -1;
|
|
12362
|
+
}
|
|
12363
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12364
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
|
|
12365
|
+
}
|
|
12366
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover .ids-table__detail-cell--content-wrapper {
|
|
12367
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-surface-hovered);
|
|
12368
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-surface-hovered);
|
|
12369
|
+
}
|
|
12370
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active {
|
|
12371
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-active);
|
|
12372
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-surface-active);
|
|
12373
|
+
}
|
|
12374
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12375
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-surface-default);
|
|
12376
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
|
|
12377
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
|
|
12378
|
+
}
|
|
12379
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky {
|
|
12380
|
+
position: relative;
|
|
12381
|
+
}
|
|
12382
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky::before {
|
|
12383
|
+
content: "";
|
|
12384
|
+
position: absolute;
|
|
12385
|
+
top: 0;
|
|
12386
|
+
right: 0;
|
|
12387
|
+
bottom: 0;
|
|
12388
|
+
left: 0;
|
|
12389
|
+
background-color: var(--ids-comp-table-color-bg-surface-default);
|
|
12390
|
+
z-index: -2;
|
|
12391
|
+
}
|
|
12392
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky::after {
|
|
12393
|
+
content: "";
|
|
12394
|
+
position: absolute;
|
|
12395
|
+
top: 0;
|
|
12396
|
+
right: 0;
|
|
12397
|
+
bottom: 0;
|
|
12398
|
+
left: 0;
|
|
12399
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-active);
|
|
12400
|
+
z-index: -1;
|
|
12401
|
+
}
|
|
12402
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12403
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
|
|
12404
|
+
}
|
|
12405
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active .ids-table__detail-cell--content-wrapper {
|
|
12406
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-surface-active);
|
|
12407
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-surface-active);
|
|
12408
|
+
}
|
|
12409
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary {
|
|
12410
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-default);
|
|
12411
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-secondary-default);
|
|
12412
|
+
}
|
|
12413
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12414
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-secondary-default);
|
|
12415
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
|
|
12416
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
|
|
12417
|
+
}
|
|
12418
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky {
|
|
12419
|
+
position: relative;
|
|
12420
|
+
}
|
|
12421
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky::before {
|
|
12422
|
+
content: "";
|
|
12423
|
+
position: absolute;
|
|
12424
|
+
top: 0;
|
|
12425
|
+
right: 0;
|
|
12426
|
+
bottom: 0;
|
|
12427
|
+
left: 0;
|
|
12428
|
+
background-color: var(--ids-comp-table-color-bg-surface-default);
|
|
12429
|
+
z-index: -2;
|
|
12430
|
+
}
|
|
12431
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky::after {
|
|
12432
|
+
content: "";
|
|
12433
|
+
position: absolute;
|
|
12434
|
+
top: 0;
|
|
12435
|
+
right: 0;
|
|
12436
|
+
bottom: 0;
|
|
12437
|
+
left: 0;
|
|
12438
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-default);
|
|
12439
|
+
z-index: -1;
|
|
12440
|
+
}
|
|
12441
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12442
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
|
|
12443
|
+
}
|
|
12444
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary .ids-table__detail-cell--content-wrapper {
|
|
12445
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-secondary-default);
|
|
12446
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-secondary-default);
|
|
12447
|
+
}
|
|
12448
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover {
|
|
12449
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-hovered);
|
|
12450
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-secondary-hovered);
|
|
12451
|
+
}
|
|
12452
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12453
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-secondary-default);
|
|
12454
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
|
|
12455
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
|
|
12456
|
+
}
|
|
12457
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky {
|
|
12458
|
+
position: relative;
|
|
12459
|
+
}
|
|
12460
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky::before {
|
|
12461
|
+
content: "";
|
|
12462
|
+
position: absolute;
|
|
12463
|
+
top: 0;
|
|
12464
|
+
right: 0;
|
|
12465
|
+
bottom: 0;
|
|
12466
|
+
left: 0;
|
|
12467
|
+
background-color: var(--ids-comp-table-color-bg-surface-default);
|
|
12468
|
+
z-index: -2;
|
|
12469
|
+
}
|
|
12470
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky::after {
|
|
12471
|
+
content: "";
|
|
12472
|
+
position: absolute;
|
|
12473
|
+
top: 0;
|
|
12474
|
+
right: 0;
|
|
12475
|
+
bottom: 0;
|
|
12476
|
+
left: 0;
|
|
12477
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-hovered);
|
|
12478
|
+
z-index: -1;
|
|
12479
|
+
}
|
|
12480
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12481
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
|
|
12482
|
+
}
|
|
12483
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover .ids-table__detail-cell--content-wrapper {
|
|
12484
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-secondary-hovered);
|
|
12485
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-secondary-hovered);
|
|
12486
|
+
}
|
|
12487
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active {
|
|
12488
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-active);
|
|
12489
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-secondary-active);
|
|
12490
|
+
}
|
|
12491
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12492
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-secondary-default);
|
|
12493
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
|
|
12494
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
|
|
12495
|
+
}
|
|
12496
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky {
|
|
12497
|
+
position: relative;
|
|
12498
|
+
}
|
|
12499
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky::before {
|
|
12500
|
+
content: "";
|
|
12501
|
+
position: absolute;
|
|
12502
|
+
top: 0;
|
|
12503
|
+
right: 0;
|
|
12504
|
+
bottom: 0;
|
|
12505
|
+
left: 0;
|
|
12506
|
+
background-color: var(--ids-comp-table-color-bg-surface-default);
|
|
12507
|
+
z-index: -2;
|
|
12508
|
+
}
|
|
12509
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky::after {
|
|
12510
|
+
content: "";
|
|
12511
|
+
position: absolute;
|
|
12512
|
+
top: 0;
|
|
12513
|
+
right: 0;
|
|
12514
|
+
bottom: 0;
|
|
12515
|
+
left: 0;
|
|
12516
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-active);
|
|
12517
|
+
z-index: -1;
|
|
12518
|
+
}
|
|
12519
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12520
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
|
|
12521
|
+
}
|
|
12522
|
+
.ids-table.ids-table-primary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active .ids-table__detail-cell--content-wrapper {
|
|
12523
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-secondary-active);
|
|
12524
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-secondary-active);
|
|
12525
|
+
}
|
|
12526
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row {
|
|
12527
|
+
background-color: var(--ids-comp-table-thead-tr-color-bg-secondary-default);
|
|
12528
|
+
border-color: var(--ids-comp-table-thead-tr-color-border-secondary-default);
|
|
12529
|
+
}
|
|
12530
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell {
|
|
12531
|
+
background-color: var(--ids-comp-table-thead-th-color-bg-secondary-default);
|
|
12532
|
+
border-color: var(--ids-comp-table-thead-th-color-border-secondary-default);
|
|
12533
|
+
color: var(--ids-comp-table-thead-th-color-fg-typography-secondary-default);
|
|
12534
|
+
}
|
|
12535
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky {
|
|
12536
|
+
position: relative;
|
|
12537
|
+
}
|
|
12538
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky::before {
|
|
12539
|
+
content: "";
|
|
12540
|
+
position: absolute;
|
|
12541
|
+
top: 0;
|
|
12542
|
+
right: 0;
|
|
12543
|
+
bottom: 0;
|
|
12544
|
+
left: 0;
|
|
12545
|
+
background-color: var(--ids-comp-table-color-bg-surface-default);
|
|
12546
|
+
z-index: -2;
|
|
12547
|
+
}
|
|
12548
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky::after {
|
|
12549
|
+
content: "";
|
|
12550
|
+
position: absolute;
|
|
12551
|
+
top: 0;
|
|
12552
|
+
right: 0;
|
|
12553
|
+
bottom: 0;
|
|
12554
|
+
left: 0;
|
|
12555
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-default);
|
|
12556
|
+
z-index: -1;
|
|
12557
|
+
}
|
|
12558
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface {
|
|
12559
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-default);
|
|
12560
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-surface-default);
|
|
12561
|
+
}
|
|
12562
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12563
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-surface-default);
|
|
12564
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
|
|
12565
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
|
|
12566
|
+
}
|
|
12567
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky {
|
|
12568
|
+
position: relative;
|
|
12569
|
+
}
|
|
12570
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky::before {
|
|
12571
|
+
content: "";
|
|
12572
|
+
position: absolute;
|
|
12573
|
+
top: 0;
|
|
12574
|
+
right: 0;
|
|
12575
|
+
bottom: 0;
|
|
12576
|
+
left: 0;
|
|
12577
|
+
background-color: var(--ids-comp-table-color-bg-surface-default);
|
|
12578
|
+
z-index: -2;
|
|
12579
|
+
}
|
|
12580
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky::after {
|
|
12581
|
+
content: "";
|
|
12582
|
+
position: absolute;
|
|
12583
|
+
top: 0;
|
|
12584
|
+
right: 0;
|
|
12585
|
+
bottom: 0;
|
|
12586
|
+
left: 0;
|
|
12587
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-default);
|
|
12588
|
+
z-index: -1;
|
|
12589
|
+
}
|
|
12590
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12591
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
|
|
12592
|
+
}
|
|
12593
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface .ids-table__detail-cell--content-wrapper {
|
|
12594
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-surface-default);
|
|
12595
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-surface-default);
|
|
12596
|
+
}
|
|
12597
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover {
|
|
12598
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-hovered);
|
|
12599
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-surface-hovered);
|
|
12600
|
+
}
|
|
12601
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12602
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-surface-default);
|
|
12603
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
|
|
12604
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
|
|
12605
|
+
}
|
|
12606
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky {
|
|
12607
|
+
position: relative;
|
|
12608
|
+
}
|
|
12609
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky::before {
|
|
12610
|
+
content: "";
|
|
12611
|
+
position: absolute;
|
|
12612
|
+
top: 0;
|
|
12613
|
+
right: 0;
|
|
12614
|
+
bottom: 0;
|
|
12615
|
+
left: 0;
|
|
12616
|
+
background-color: var(--ids-comp-table-color-bg-surface-default);
|
|
12617
|
+
z-index: -2;
|
|
12618
|
+
}
|
|
12619
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky::after {
|
|
12620
|
+
content: "";
|
|
12621
|
+
position: absolute;
|
|
12622
|
+
top: 0;
|
|
12623
|
+
right: 0;
|
|
12624
|
+
bottom: 0;
|
|
12625
|
+
left: 0;
|
|
12626
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-hovered);
|
|
12627
|
+
z-index: -1;
|
|
12628
|
+
}
|
|
12629
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12630
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
|
|
12631
|
+
}
|
|
12632
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover .ids-table__detail-cell--content-wrapper {
|
|
12633
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-surface-hovered);
|
|
12634
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-surface-hovered);
|
|
12635
|
+
}
|
|
12636
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active {
|
|
12637
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-active);
|
|
12638
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-surface-active);
|
|
12639
|
+
}
|
|
12640
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12641
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-surface-default);
|
|
12642
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
|
|
12643
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
|
|
12644
|
+
}
|
|
12645
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky {
|
|
12646
|
+
position: relative;
|
|
12647
|
+
}
|
|
12648
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky::before {
|
|
12649
|
+
content: "";
|
|
12650
|
+
position: absolute;
|
|
12651
|
+
top: 0;
|
|
12652
|
+
right: 0;
|
|
12653
|
+
bottom: 0;
|
|
12654
|
+
left: 0;
|
|
12655
|
+
background-color: var(--ids-comp-table-color-bg-surface-default);
|
|
12656
|
+
z-index: -2;
|
|
12657
|
+
}
|
|
12658
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky::after {
|
|
12659
|
+
content: "";
|
|
12660
|
+
position: absolute;
|
|
12661
|
+
top: 0;
|
|
12662
|
+
right: 0;
|
|
12663
|
+
bottom: 0;
|
|
12664
|
+
left: 0;
|
|
12665
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-active);
|
|
12666
|
+
z-index: -1;
|
|
12667
|
+
}
|
|
12668
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12669
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
|
|
12670
|
+
}
|
|
12671
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active .ids-table__detail-cell--content-wrapper {
|
|
12672
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-surface-active);
|
|
12673
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-surface-active);
|
|
12674
|
+
}
|
|
12675
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary {
|
|
12676
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-default);
|
|
12677
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-secondary-default);
|
|
12678
|
+
}
|
|
12679
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12680
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-secondary-default);
|
|
12681
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
|
|
12682
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
|
|
12683
|
+
}
|
|
12684
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky {
|
|
12685
|
+
position: relative;
|
|
12686
|
+
}
|
|
12687
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky::before {
|
|
12688
|
+
content: "";
|
|
12689
|
+
position: absolute;
|
|
12690
|
+
top: 0;
|
|
12691
|
+
right: 0;
|
|
12692
|
+
bottom: 0;
|
|
12693
|
+
left: 0;
|
|
12694
|
+
background-color: var(--ids-comp-table-color-bg-surface-default);
|
|
12695
|
+
z-index: -2;
|
|
12696
|
+
}
|
|
12697
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky::after {
|
|
12698
|
+
content: "";
|
|
12699
|
+
position: absolute;
|
|
12700
|
+
top: 0;
|
|
12701
|
+
right: 0;
|
|
12702
|
+
bottom: 0;
|
|
12703
|
+
left: 0;
|
|
12704
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-default);
|
|
12705
|
+
z-index: -1;
|
|
12706
|
+
}
|
|
12707
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12708
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
|
|
12709
|
+
}
|
|
12710
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary .ids-table__detail-cell--content-wrapper {
|
|
12711
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-secondary-default);
|
|
12712
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-secondary-default);
|
|
12713
|
+
}
|
|
12714
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover {
|
|
12715
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-hovered);
|
|
12716
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-secondary-hovered);
|
|
12717
|
+
}
|
|
12718
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12719
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-secondary-default);
|
|
12720
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
|
|
12721
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
|
|
12722
|
+
}
|
|
12723
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky {
|
|
12724
|
+
position: relative;
|
|
12725
|
+
}
|
|
12726
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky::before {
|
|
12727
|
+
content: "";
|
|
12728
|
+
position: absolute;
|
|
12729
|
+
top: 0;
|
|
12730
|
+
right: 0;
|
|
12731
|
+
bottom: 0;
|
|
12732
|
+
left: 0;
|
|
12733
|
+
background-color: var(--ids-comp-table-color-bg-surface-default);
|
|
12734
|
+
z-index: -2;
|
|
12735
|
+
}
|
|
12736
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky::after {
|
|
12737
|
+
content: "";
|
|
12738
|
+
position: absolute;
|
|
12739
|
+
top: 0;
|
|
12740
|
+
right: 0;
|
|
12741
|
+
bottom: 0;
|
|
12742
|
+
left: 0;
|
|
12743
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-hovered);
|
|
12744
|
+
z-index: -1;
|
|
12745
|
+
}
|
|
12746
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12747
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
|
|
12748
|
+
}
|
|
12749
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover .ids-table__detail-cell--content-wrapper {
|
|
12750
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-secondary-hovered);
|
|
12751
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-secondary-hovered);
|
|
12752
|
+
}
|
|
12753
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active {
|
|
12754
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-active);
|
|
12755
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-secondary-active);
|
|
12756
|
+
}
|
|
12757
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12758
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-secondary-default);
|
|
12759
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
|
|
12760
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
|
|
12761
|
+
}
|
|
12762
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky {
|
|
12763
|
+
position: relative;
|
|
12764
|
+
}
|
|
12765
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky::before {
|
|
12766
|
+
content: "";
|
|
12767
|
+
position: absolute;
|
|
12768
|
+
top: 0;
|
|
12769
|
+
right: 0;
|
|
12770
|
+
bottom: 0;
|
|
12771
|
+
left: 0;
|
|
12772
|
+
background-color: var(--ids-comp-table-color-bg-surface-default);
|
|
12773
|
+
z-index: -2;
|
|
12774
|
+
}
|
|
12775
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky::after {
|
|
12776
|
+
content: "";
|
|
12777
|
+
position: absolute;
|
|
12778
|
+
top: 0;
|
|
12779
|
+
right: 0;
|
|
12780
|
+
bottom: 0;
|
|
12781
|
+
left: 0;
|
|
12782
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-active);
|
|
12783
|
+
z-index: -1;
|
|
12784
|
+
}
|
|
12785
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12786
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
|
|
12787
|
+
}
|
|
12788
|
+
.ids-table.ids-table-secondary > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active .ids-table__detail-cell--content-wrapper {
|
|
12789
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-secondary-active);
|
|
12790
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-secondary-active);
|
|
12791
|
+
}
|
|
12792
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row {
|
|
12793
|
+
background-color: var(--ids-comp-table-thead-tr-color-bg-surface-default);
|
|
12794
|
+
border-color: var(--ids-comp-table-thead-tr-color-border-surface-default);
|
|
12795
|
+
}
|
|
12796
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell {
|
|
12797
|
+
background-color: var(--ids-comp-table-thead-th-color-bg-surface-default);
|
|
12798
|
+
border-color: var(--ids-comp-table-thead-th-color-border-surface-default);
|
|
12799
|
+
color: var(--ids-comp-table-thead-th-color-fg-typography-surface-default);
|
|
12800
|
+
}
|
|
12801
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky {
|
|
12802
|
+
position: relative;
|
|
12803
|
+
}
|
|
12804
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky::before {
|
|
12805
|
+
content: "";
|
|
12806
|
+
position: absolute;
|
|
12807
|
+
top: 0;
|
|
12808
|
+
right: 0;
|
|
12809
|
+
bottom: 0;
|
|
12810
|
+
left: 0;
|
|
12811
|
+
background-color: var(--ids-comp-table-color-bg-surface-default);
|
|
12812
|
+
z-index: -2;
|
|
12813
|
+
}
|
|
12814
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.cdk-table-sticky::after {
|
|
12815
|
+
content: "";
|
|
12816
|
+
position: absolute;
|
|
12817
|
+
top: 0;
|
|
12818
|
+
right: 0;
|
|
12819
|
+
bottom: 0;
|
|
12820
|
+
left: 0;
|
|
12821
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-default);
|
|
12822
|
+
z-index: -1;
|
|
12823
|
+
}
|
|
12824
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface {
|
|
12825
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-default);
|
|
12826
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-surface-default);
|
|
12827
|
+
}
|
|
12828
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12829
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-surface-default);
|
|
12830
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
|
|
12831
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
|
|
12832
|
+
}
|
|
12833
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky {
|
|
12834
|
+
position: relative;
|
|
12835
|
+
}
|
|
12836
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky::before {
|
|
12837
|
+
content: "";
|
|
12838
|
+
position: absolute;
|
|
12839
|
+
top: 0;
|
|
12840
|
+
right: 0;
|
|
12841
|
+
bottom: 0;
|
|
12842
|
+
left: 0;
|
|
12843
|
+
background-color: var(--ids-comp-table-color-bg-surface-default);
|
|
12844
|
+
z-index: -2;
|
|
12845
|
+
}
|
|
12846
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky::after {
|
|
12847
|
+
content: "";
|
|
12848
|
+
position: absolute;
|
|
12849
|
+
top: 0;
|
|
12850
|
+
right: 0;
|
|
12851
|
+
bottom: 0;
|
|
12852
|
+
left: 0;
|
|
12853
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-default);
|
|
12854
|
+
z-index: -1;
|
|
12855
|
+
}
|
|
12856
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12857
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
|
|
12858
|
+
}
|
|
12859
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface .ids-table__detail-cell--content-wrapper {
|
|
12860
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-surface-default);
|
|
12861
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-surface-default);
|
|
12862
|
+
}
|
|
12863
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover {
|
|
12864
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-hovered);
|
|
12865
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-surface-hovered);
|
|
12866
|
+
}
|
|
12867
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12868
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-surface-default);
|
|
12869
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
|
|
12870
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
|
|
12871
|
+
}
|
|
12872
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky {
|
|
12873
|
+
position: relative;
|
|
12874
|
+
}
|
|
12875
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky::before {
|
|
12876
|
+
content: "";
|
|
12877
|
+
position: absolute;
|
|
12878
|
+
top: 0;
|
|
12879
|
+
right: 0;
|
|
12880
|
+
bottom: 0;
|
|
12881
|
+
left: 0;
|
|
12882
|
+
background-color: var(--ids-comp-table-color-bg-surface-default);
|
|
12883
|
+
z-index: -2;
|
|
12884
|
+
}
|
|
12885
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky::after {
|
|
12886
|
+
content: "";
|
|
12887
|
+
position: absolute;
|
|
12888
|
+
top: 0;
|
|
12889
|
+
right: 0;
|
|
12890
|
+
bottom: 0;
|
|
12891
|
+
left: 0;
|
|
12892
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-hovered);
|
|
12893
|
+
z-index: -1;
|
|
12894
|
+
}
|
|
12895
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12896
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
|
|
12897
|
+
}
|
|
12898
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:hover .ids-table__detail-cell--content-wrapper {
|
|
12899
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-surface-hovered);
|
|
12900
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-surface-hovered);
|
|
12901
|
+
}
|
|
12902
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active {
|
|
12903
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-active);
|
|
12904
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-surface-active);
|
|
12905
|
+
}
|
|
12906
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12907
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-surface-default);
|
|
12908
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-surface-default);
|
|
12909
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
|
|
12910
|
+
}
|
|
12911
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky {
|
|
12912
|
+
position: relative;
|
|
12913
|
+
}
|
|
12914
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky::before {
|
|
12915
|
+
content: "";
|
|
12916
|
+
position: absolute;
|
|
12917
|
+
top: 0;
|
|
12918
|
+
right: 0;
|
|
12919
|
+
bottom: 0;
|
|
12920
|
+
left: 0;
|
|
12921
|
+
background-color: var(--ids-comp-table-color-bg-surface-default);
|
|
12922
|
+
z-index: -2;
|
|
12923
|
+
}
|
|
12924
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky::after {
|
|
12925
|
+
content: "";
|
|
12926
|
+
position: absolute;
|
|
12927
|
+
top: 0;
|
|
12928
|
+
right: 0;
|
|
12929
|
+
bottom: 0;
|
|
12930
|
+
left: 0;
|
|
12931
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-active);
|
|
12932
|
+
z-index: -1;
|
|
12933
|
+
}
|
|
12934
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12935
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-surface-default);
|
|
12936
|
+
}
|
|
12937
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--surface:active .ids-table__detail-cell--content-wrapper {
|
|
12938
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-surface-active);
|
|
12939
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-surface-active);
|
|
12940
|
+
}
|
|
12941
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary {
|
|
12942
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-default);
|
|
12943
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-secondary-default);
|
|
12944
|
+
}
|
|
12945
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12946
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-secondary-default);
|
|
12947
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
|
|
12948
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
|
|
12949
|
+
}
|
|
12950
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky {
|
|
12951
|
+
position: relative;
|
|
12952
|
+
}
|
|
12953
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky::before {
|
|
12954
|
+
content: "";
|
|
12955
|
+
position: absolute;
|
|
12956
|
+
top: 0;
|
|
12957
|
+
right: 0;
|
|
12958
|
+
bottom: 0;
|
|
12959
|
+
left: 0;
|
|
12960
|
+
background-color: var(--ids-comp-table-color-bg-surface-default);
|
|
12961
|
+
z-index: -2;
|
|
12962
|
+
}
|
|
12963
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky::after {
|
|
12964
|
+
content: "";
|
|
12965
|
+
position: absolute;
|
|
12966
|
+
top: 0;
|
|
12967
|
+
right: 0;
|
|
12968
|
+
bottom: 0;
|
|
12969
|
+
left: 0;
|
|
12970
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-default);
|
|
12971
|
+
z-index: -1;
|
|
12972
|
+
}
|
|
12973
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
12974
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
|
|
12975
|
+
}
|
|
12976
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary .ids-table__detail-cell--content-wrapper {
|
|
12977
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-secondary-default);
|
|
12978
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-secondary-default);
|
|
12979
|
+
}
|
|
12980
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover {
|
|
12981
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-hovered);
|
|
12982
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-secondary-hovered);
|
|
12983
|
+
}
|
|
12984
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
12985
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-secondary-default);
|
|
12986
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
|
|
12987
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
|
|
12988
|
+
}
|
|
12989
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky {
|
|
12990
|
+
position: relative;
|
|
12991
|
+
}
|
|
12992
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky::before {
|
|
12993
|
+
content: "";
|
|
12994
|
+
position: absolute;
|
|
12995
|
+
top: 0;
|
|
12996
|
+
right: 0;
|
|
12997
|
+
bottom: 0;
|
|
12998
|
+
left: 0;
|
|
12999
|
+
background-color: var(--ids-comp-table-color-bg-surface-default);
|
|
13000
|
+
z-index: -2;
|
|
13001
|
+
}
|
|
13002
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky::after {
|
|
13003
|
+
content: "";
|
|
13004
|
+
position: absolute;
|
|
13005
|
+
top: 0;
|
|
13006
|
+
right: 0;
|
|
13007
|
+
bottom: 0;
|
|
13008
|
+
left: 0;
|
|
13009
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-hovered);
|
|
13010
|
+
z-index: -1;
|
|
13011
|
+
}
|
|
13012
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
13013
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
|
|
13014
|
+
}
|
|
13015
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:hover .ids-table__detail-cell--content-wrapper {
|
|
13016
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-secondary-hovered);
|
|
13017
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-secondary-hovered);
|
|
13018
|
+
}
|
|
13019
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active {
|
|
13020
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-active);
|
|
13021
|
+
border-color: var(--ids-comp-table-tbody-tr-color-border-secondary-active);
|
|
13022
|
+
}
|
|
13023
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
13024
|
+
background-color: var(--ids-comp-table-tbody-td-color-bg-secondary-default);
|
|
13025
|
+
border-color: var(--ids-comp-table-tbody-td-color-border-secondary-default);
|
|
13026
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-secondary-default);
|
|
13027
|
+
}
|
|
13028
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky {
|
|
13029
|
+
position: relative;
|
|
13030
|
+
}
|
|
13031
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky::before {
|
|
13032
|
+
content: "";
|
|
13033
|
+
position: absolute;
|
|
13034
|
+
top: 0;
|
|
13035
|
+
right: 0;
|
|
13036
|
+
bottom: 0;
|
|
13037
|
+
left: 0;
|
|
13038
|
+
background-color: var(--ids-comp-table-color-bg-surface-default);
|
|
13039
|
+
z-index: -2;
|
|
13040
|
+
}
|
|
13041
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active > :is(td.ids-table__cell, th.ids-table__cell).cdk-table-sticky::after {
|
|
13042
|
+
content: "";
|
|
13043
|
+
position: absolute;
|
|
13044
|
+
top: 0;
|
|
13045
|
+
right: 0;
|
|
13046
|
+
bottom: 0;
|
|
13047
|
+
left: 0;
|
|
13048
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-secondary-active);
|
|
13049
|
+
z-index: -1;
|
|
13050
|
+
}
|
|
13051
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--label-description {
|
|
13052
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-description-secondary-default);
|
|
13053
|
+
}
|
|
13054
|
+
.ids-table.ids-table-surface > .ids-table__horizontal-scroll > table > tbody > tr:is(.ids-table__row, .ids-table__detail-row).ids-table__row--secondary:active .ids-table__detail-cell--content-wrapper {
|
|
13055
|
+
background-color: var(--ids-comp-table-tbody-tr-detail-color-bg-secondary-active);
|
|
13056
|
+
border-color: var(--ids-comp-table-tbody-tr-detail-color-border-secondary-active);
|
|
13057
|
+
}
|
|
13058
|
+
.ids-table > .ids-table__horizontal-scroll > table {
|
|
13059
|
+
width: 100%;
|
|
13060
|
+
box-sizing: border-box;
|
|
13061
|
+
border-collapse: separate;
|
|
13062
|
+
border-spacing: 0px;
|
|
13063
|
+
border-style: solid;
|
|
13064
|
+
border-width: 0px;
|
|
13065
|
+
background-color: var(--ids-comp-table-color-bg-surface-default);
|
|
13066
|
+
border-color: var(--ids-comp-table-color-border-surface-default);
|
|
13067
|
+
text-indent: 0;
|
|
13068
|
+
}
|
|
13069
|
+
.ids-table > .ids-table__horizontal-scroll > table > thead {
|
|
13070
|
+
box-sizing: border-box;
|
|
13071
|
+
border-width: 0px;
|
|
13072
|
+
}
|
|
13073
|
+
.ids-table > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row {
|
|
13074
|
+
box-sizing: border-box;
|
|
13075
|
+
border-width: 0px;
|
|
13076
|
+
}
|
|
13077
|
+
.ids-table > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell {
|
|
13078
|
+
box-sizing: border-box;
|
|
13079
|
+
border-width: 0px;
|
|
13080
|
+
text-align: left;
|
|
13081
|
+
}
|
|
13082
|
+
.ids-table > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.ids-table__header-cell--numeric {
|
|
13083
|
+
text-align: right;
|
|
13084
|
+
}
|
|
13085
|
+
.ids-table > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.ids-table__header-cell--sortable {
|
|
13086
|
+
display: flex;
|
|
13087
|
+
flex-direction: row;
|
|
13088
|
+
align-items: center;
|
|
13089
|
+
justify-content: space-between;
|
|
13090
|
+
}
|
|
13091
|
+
.ids-table > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.ids-table__header-cell--sortable.ids-table__header-cell--numeric {
|
|
13092
|
+
justify-content: flex-end;
|
|
13093
|
+
}
|
|
13094
|
+
.ids-table > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.ids-table__header-cell--select-all-rows {
|
|
13095
|
+
text-align: center;
|
|
13096
|
+
min-width: 2.5rem;
|
|
13097
|
+
width: 2.5em;
|
|
13098
|
+
}
|
|
13099
|
+
.ids-table > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.ids-table__header-cell--select-all-rows > .ids-checkbox {
|
|
13100
|
+
gap: 0;
|
|
13101
|
+
}
|
|
13102
|
+
.ids-table > .ids-table__horizontal-scroll > table > tbody {
|
|
13103
|
+
box-sizing: border-box;
|
|
13104
|
+
border-width: 0px;
|
|
13105
|
+
}
|
|
13106
|
+
.ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row {
|
|
13107
|
+
box-sizing: border-box;
|
|
13108
|
+
border-width: 0px;
|
|
13109
|
+
background-color: var(--ids-comp-table-tbody-tr-color-bg-surface-default);
|
|
13110
|
+
}
|
|
13111
|
+
.ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
13112
|
+
box-sizing: border-box;
|
|
13113
|
+
border-width: 0px;
|
|
13114
|
+
text-align: start;
|
|
13115
|
+
color: var(--ids-comp-table-tbody-td-color-fg-typography-surface-default);
|
|
13116
|
+
}
|
|
13117
|
+
.ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--row-select, .ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--master-detail-toggle {
|
|
13118
|
+
text-align: center;
|
|
13119
|
+
}
|
|
13120
|
+
.ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--row-select > .ids-table__button--master-detail, .ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--row-select .ids-table__checkbox--row-selector, .ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--master-detail-toggle > .ids-table__button--master-detail, .ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--master-detail-toggle .ids-table__checkbox--row-selector {
|
|
13121
|
+
margin-left: auto;
|
|
13122
|
+
margin-right: auto;
|
|
13123
|
+
}
|
|
13124
|
+
.ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--row-select {
|
|
13125
|
+
min-width: 2.5rem;
|
|
13126
|
+
width: 2.5em;
|
|
13127
|
+
}
|
|
13128
|
+
.ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--row-select > .ids-checkbox {
|
|
13129
|
+
gap: 0;
|
|
13130
|
+
}
|
|
13131
|
+
.ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell) > .ids-cell-content__numeric {
|
|
13132
|
+
text-align: end;
|
|
13133
|
+
}
|
|
13134
|
+
.ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__detail-row {
|
|
13135
|
+
box-sizing: border-box;
|
|
13136
|
+
border-width: 0px;
|
|
13137
|
+
height: 0px;
|
|
13138
|
+
}
|
|
13139
|
+
.ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__detail-row > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
13140
|
+
box-sizing: border-box;
|
|
13141
|
+
border-width: 0px;
|
|
13142
|
+
border-bottom-width: 0;
|
|
13143
|
+
}
|
|
13144
|
+
.ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__detail-row.ids-table__detail-row--expanded > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
13145
|
+
border-bottom-width: 1px;
|
|
13146
|
+
}
|
|
13147
|
+
.ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__detail-row:not(.ids-table__detail-row--expanded) > :is(td.ids-table__cell, th.ids-table__cell) {
|
|
13148
|
+
padding-bottom: 0px;
|
|
13149
|
+
padding-top: 0px;
|
|
13150
|
+
}
|
|
13151
|
+
.ids-table > .ids-table__horizontal-scroll > table > tbody .ids-table__detail-cell--content-wrapper {
|
|
13152
|
+
display: flex;
|
|
13153
|
+
box-sizing: border-box;
|
|
13154
|
+
border-width: 0px;
|
|
13155
|
+
overflow: hidden;
|
|
13156
|
+
}
|
|
13157
|
+
.ids-table > .ids-table__horizontal-scroll > table > thead > tr.ids-table__header-row > th.ids-table__header-cell.ids-table__cell--master-detail-toggle, .ids-table > .ids-table__horizontal-scroll > table > tbody > tr.ids-table__row > :is(td.ids-table__cell, th.ids-table__cell).ids-table__cell--master-detail-toggle {
|
|
13158
|
+
min-width: 2.5rem;
|
|
13159
|
+
width: 2.5em;
|
|
13160
|
+
}
|
|
13161
|
+
.ids-table .ids-table__no-rows-to-show {
|
|
13162
|
+
margin: 1.5rem;
|
|
13163
|
+
display: flex;
|
|
13164
|
+
flex: none;
|
|
13165
|
+
width: 100%;
|
|
13166
|
+
height: 100%;
|
|
13167
|
+
align-items: center;
|
|
13168
|
+
justify-content: center;
|
|
13169
|
+
text-align: center;
|
|
13170
|
+
}
|
|
13171
|
+
|
|
12009
13172
|
.ids-tag {
|
|
12010
13173
|
display: inline-flex;
|
|
12011
13174
|
align-items: center;
|