12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061 |
- .cip-select-table{
- display: flex;
- width: 100%;
- &__table{
- flex-grow: 2;
- &.page-layout-list{
- --horizontal-padding: 0;
- }
- }
- &--row{
- .cip-select-table__divider{
- margin: 0 16px;
- }
- }
- &--row-reverse{
- .cip-select-table__divider{
- margin: 0 16px;
- }
- }
- &--column{
- .cip-select-table__divider{
- margin-bottom: 16px;
- }
- }
- &--column-reverse{
- .cip-select-table__divider{
- margin-top: 16px;
- }
- }
- &__divider{
- border-top: 1px dashed var(~'--@{elNamespace}-border-color');
- border-right: 1px dashed var(~'--@{elNamespace}-border-color');
- }
- .cip-select-table__divider.without-divider{
- border: none;
- }
- //&--column,&--column-reverse{
- // .cip-select-table__tags{
- // resize: vertical;
- // }
- //}
- //&--row,&--row-reverse{
- // .cip-select-table__tags{
- // resize: horizontal;
- // }
- //}
- &__tags{
- background: var(~'--@{elNamespace}-color-white');
- border: 1px solid var(~'--@{elNamespace}-border-color');
- max-height: 50vh;
- padding: 12px;
- overflow: auto;
- &.limited-height{
- max-height: 200px;
- overflow: auto;
- }
- .cip-select-table__tag{
- margin: 4px;
- }
- }
- }
|