@opentiny/vue-theme 3.16.3 → 3.17.0

package/theme/smb-theme/component.js

@@ -28,7 +28,8 @@ export const concatTheme = {
   'ti-alert-normal-padding-bottom': 'calc(var(--ti-common-space-2x) + 1.5px)',
   'ti-alert-normal-padding-right': 'var(--ti-common-space-3x)',
   'ti-alert-title-font-size': 'var(--ti-common-font-size-2)',
-  'ti-alert-large-icon-margin-top': 'calc(var(--ti-common-space-6) / 2)',
+  'ti-alert-large-icon-margin-top': 'var(--ti-common-space-0)',
+  'ti-alert-title-margin-top': 'var(--ti-common-size-base)',
   'ti-alert-large-padding-top': 'var(--ti-common-space-4x)',
   'ti-alert-large-padding-bottom': 'var(--ti-common-space-4x)',
   'ti-alert-large-padding-right': 'var(--ti-common-space-4x)',
@@ -45,6 +46,22 @@ export const concatTheme = {
   'ti-badge-font-size': 'var(--ti-common-font-size-0)',
   'ti-badge-text-color': 'var(--ti-base-color-bg-7)',
   'ti-badge-border-radius': 'var(--ti-common-border-radius-4)',
+  'ti-select-input-caret-font-size': 'var(--ti-common-font-size-2)',
+  'ti-select-input-caret-hover-icon-color': 'var(--ti-common-color-icon-graybg-hover)',
+  'ti-select-input-caret-icon-color': 'var(--ti-common-color-icon-normal)',
+  'ti-select-tags-height': 'var(--ti-common-space-8x)',
+  'ti-select-tags-wrap-padding-left': 'var(--ti-common-space-2)',
+  'ti-select-tags-wrap-padding-top': 'var(--ti-common-space-2)',
+  'ti-select-tags-wrap-padding-bottom': 'var(--ti-common-space-2)',
+  'ti-select-input-icon-top-small': 'var(--ti-common-space-4x)',
+  'ti-select-input-icon-top': 'var(--ti-common-space-4x)',
+  'ti-select-tags-margin-left': 'var(--ti-common-space-2)',
+  'ti-select-tags-margin-right': 'var(--ti-common-space-2)',
+  'ti-select-tags-margin-top': 'var(--ti-common-space-2)',
+  'ti-select-tags-margin-bottom': 'var(--ti-common-space-2)',
+  'ti-select-tags-max-height': 'none',
+  'ti-select-collapse-button-text-icon-color': 'var(--ti-common-color-text-link)',
+  'ti-select-input-icon-top-mini': 'var(--ti-common-space-4x)',
   'ti-breadcrumb-text-color': '#191919',
   'ti-breadcrumb-font-size': 'var(--ti-common-font-size-base)',
   'ti-breadcrumb-text-line-height': '22px',
@@ -143,21 +160,24 @@ export const concatTheme = {
   'ti-button-group-item-sup-position-top': 'var(--ti-common-space-0)',
   'ti-button-group-item-sup-height': 'var(--ti-common-line-height-base)',
   'ti-button-group-mini-side-border-radius': 'var(--ti-button-group-mini-border-radius)',
-  'ti-card-bg-color': 'var(--ti-base-color-bg-7)',
+  'ti-card-checked-border-color': 'var(--ti-common-color-text-highlight)',
+  'ti-card-bg-color': 'var(--ti-common-color-bg-navigation)',
   'ti-card-box-shadow': 'none',
-  'ti-card-default-border-color': '#fff',
-  'ti-card-title-font-size': '16px',
-  'ti-card-title-text-color': '#191919',
+  'ti-card-default-border-color': 'var(--ti-common-color-light)',
+  'ti-card-title-font-size': 'var(--ti-common-font-size-2)',
+  'ti-card-title-text-color': 'var(--ti-common-color-selected-text-color)',
   'ti-card-title-font-weight': 'bold',
-  'ti-card-main-font-size': '14px',
-  'ti-card-main-text-color': '#595959',
-  'ti-card-option-top-border-color': '#f0f0f0',
-  'ti-card-option-text-color': '#191919',
-  'ti-card-option-font-size': '16px',
-  'ti-card-large-body-padding': '24px',
-  'ti-card-medium-body-padding': '24px',
-  'ti-card-small-body-padding': '16px',
-  'ti-card-mini-body-padding': '12px',
+  'ti-card-main-font-size': 'var(--ti-common-font-size-1)',
+  'ti-card-main-text-color': 'var(--ti-common-color-text-weaken)',
+  'ti-card-option-top-border-color': 'var(--ti-common-color-primary-disabled)',
+  'ti-card-option-text-color': 'var(--ti-common-color-selected-text-color)',
+  'ti-card-option-font-size': 'var(--ti-common-font-size-2)',
+  'ti-card-large-body-padding': 'var(--ti-common-space-6x)',
+  'ti-card-medium-body-padding': 'var(--ti-common-space-6x)',
+  'ti-card-small-body-padding': 'var(--ti-common-space-4x)',
+  'ti-card-mini-body-padding': 'var(--ti-common-space-3x)',
+  'ti-card-large-border-radius': 'var(--ti-common-border-radius-4)',
+  'ti-card-title-mg-bottom': 'var(--ti-common-space-4x)',
   'ti-carousel-arrow-height': 'var(--ti-common-size-8x)',
   'ti-carousel-arrow-width': 'var(--ti-common-size-8x)',
   'ti-carousel-arrow-font-size': 'var(--ti-common-font-size-2)',
@@ -268,6 +288,8 @@ export const concatTheme = {
   'ti-collapse-item-header-border-color': 'var(--ti-base-color-common-5)',
   'ti-collapse-item-title-right-color': '#1476ff',
   'ti-collapse-item-title-right-fill': '#1476ff',
+  'ti-collapse-item-header-bg-color': 'var(--ti-common-color-bg-white-normal)',
+  'ti-collapse-item-wrap-bg-color': 'var(--ti-common-bg-minor)',
   'ti-collapse-item-arrow-margin-right': 'var(--ti-common-space-3x)',
   'ti-picker-panel-content-border-color': 'var(--ti-base-color-common-5, #f0f0f0)',
   'ti-picker-panel-content-padding-top': '12px',
@@ -310,11 +332,11 @@ export const concatTheme = {
   'ti-dialog-box-body-text-color': 'var(--ti-common-color-text-primary)',
   'ti-dialog-box-footer-btn-min-width': 'calc(var(--ti-common-space-base) * 24)',
   'ti-dialog-box-drawer-divider-border-color': 'transparent',
-  'ti-divider-dividing-line': 'var(--ti-common-color-dark)',
+  'ti-divider-dividing-line': 'var(--ti-common-color-bg-dark-disabled)',
   'ti-divider-horizontal-opacity': '0.5',
   'ti-divider-vertical-opacity': '0.5',
   'ti-divider-text-color': 'var(--ti-common-color-text-primary)',
-  'ti-divider-text-bg-color': 'var(--ti-base-color-white)',
+  'ti-divider-text-bg-color': 'var(--ti-common-color-line-dividing)',
   'ti-drawer-mask-bg-color': 'rgba(0, 0, 0, 16%)',
   'ti-drawer-shadow': '0 8px 24px rgba(0, 0, 0, 30%)',
   'ti-drawer-head-title-font-size': 'var(--ti-common-font-size-4)',
@@ -423,6 +445,32 @@ export const concatTheme = {
   'ti-grid-expand-background-color': '#fafafa',
   'ti-grid-loading-background-color': 'rgba(255, 255, 255, 0.67)',
   'ti-grid-tree-expand-icon-font-size': 'var(--ti-common-font-size-2)',
+  'ti-grid-tree-expand-icon-translate-x': '-2px',
+  'ti-guide-header-padding-top': 'var(--ti-common-space-4x)',
+  'ti-guide-header-padding-left': 'var(--ti-common-space-4x)',
+  'ti-guide-header-padding-right': 'var(--ti-common-space-4x)',
+  'ti-guide-footer-padding-left': 'var(--ti-common-space-4x)',
+  'ti-guide-footer-padding-right': 'var(--ti-common-space-4x)',
+  'ti-guide-footer-padding-bottom': 'var(--ti-common-space-4x)',
+  'ti-guide-text-padding-horizontal': 'var(--ti-common-space-4x)',
+  'ti-guide-text-padding-bottom': 'var(--ti-common-space-6x)',
+  'ti-guide-text-padding-top': 'var(--ti-common-space-2x)',
+  'ti-guide-button-width': 'calc(var(--ti-common-line-height-8) + 8px)',
+  'ti-guide-button-height': 'var(--ti-common-line-height-2)',
+  'ti-guide-progress-style-left': 'var(--ti-common-space-4x)',
+  'ti-guide-title-text-font-size': 'var(--ti-common-font-size-2)',
+  'ti-guide-title-line-height': 'var(--ti-common-line-height-2)',
+  'ti-guide-text-line-height': 'var(--ti-common-line-height-2)',
+  'ti-guide-button-bg-color': 'var(--ti-base-color-bg-5)',
+  'ti-guide-button-text-color': '#191919',
+  'ti-guide-button-hover-bg-color': 'var(--ti-base-color-bg-5)',
+  'ti-guide-button-active-bg-color': 'var(--ti-base-color-bg-5)',
+  'ti-guide-button-focus-bg-color': 'var(--ti-base-color-bg-5)',
+  'ti-guide-button-hover-border-color': '#191919',
+  'ti-guide-button-border': '#c2c2c2',
+  'ti-guide-cancel-icon-margin-top': 'calc(var(--ti-common-space-base) * (-3))',
+  'ti-guide-cancel-icon-margin-right': 'var(--ti-common-space-0)',
+  'ti-guide-button-border-radius': 'var(--ti-common-size-25x)',
   'ti-input-border-color': 'var(--ti-common-color-line-normal)',
   'ti-input-hover-border-color': 'var(--ti-common-color-line-hover)',
   'ti-input-border-radius': 'var(--ti-common-border-radius-3)',
@@ -493,7 +541,7 @@ export const concatTheme = {
   'ti-loading-spinner-large-width': '32px',
   'ti-modal-box-shadow': 'var(--ti-common-shadow-4-down)',
   'ti-modal-header-font-size': 'var(--ti-common-font-size-4)',
-  'ti-modal-header-padding-bottom': 'var(--ti-common-space-6x)',
+  'ti-modal-header-padding-bottom': 'var(--ti-common-space-4x)',
   'ti-modal-box-border-radius': 'var(--ti-common-border-radius-4)',
   'ti-modal-close-btn-font-size': 'var(--ti-common-font-size-4)',
   'ti-modal-close-btn-icon-color': 'var(--ti-common-color-icon-normal)',
@@ -510,6 +558,9 @@ export const concatTheme = {
   'ti-modal-message-body-padding-horizontal': 'var(--ti-common-space-0)',
   'ti-modal-message-icon-box-height': 'calc(var(--ti-common-space-5x) - 1px)',
   'ti-modal-notification-header-padding-bottom': 'var(--ti-common-space-4x)',
+  'ti-modal-footer-align': 'right',
+  'ti-modal-body-text-color': 'var(--ti-common-color-text-secondary)',
+  'ti-modal-body-text-bottom': 'var(--ti-common-space-4x)',
   'ti-month-table-td-text-bg-color': 'var(--ti-base-color-brand-2)',
   'ti-month-table-cell-today-font-weight': 'normal',
   'ti-month-table-cell-height': '28px',
@@ -558,14 +609,14 @@ export const concatTheme = {
   'ti-option-padding-horizontal': 'var(--ti-common-space-4x)',
   'ti-option-padding-horizontal-group': 'var(--ti-common-space-4x)',
   'ti-option-icon-color-selected': 'var(--ti-common-color-icon-graybg-active)',
-  'ti-option-checkbox-border-color-hover': '#191919',
+  'ti-option-checkbox-border-color-hover': 'var(--ti-common-color-line-normal)',
   'ti-option-disabled-text-color': 'var(--ti-common-color-text-disabled)',
   'ti-option-hover-bg-color': 'var(--ti-common-color-bg-normal)',
-  'ti-option-selected-bg-color': 'var(--ti-common-color-bg-white-normal)',
-  'ti-option-selected-bg-color-hover': 'var(--ti-common-color-bg-white-emphasize)',
+  'ti-option-selected-bg-color': 'var(--ti-common-color-text-highlight)',
+  'ti-option-selected-bg-color-hover': 'var(--ti-common-color-text-highlight)',
   'ti-option-highlight-selected-text-color': 'var(--ti-common-color-text-highlight)',
-  'ti-option-selected-text-color': '#1476FF',
-  'ti-option-checkbox-all-select-border-color-hover': '#1476FF',
+  'ti-option-selected-text-color': 'var(--ti-common-color-text-highlight)',
+  'ti-option-checkbox-all-select-border-color-hover': 'var(--ti-common-color-text-highlight)',
   'ti-option-group-title-font-size': 'var(--ti-common-font-size-0)',
   'ti-option-group-title-font-weight': 'var(--ti-common-font-weight-normal)',
   'ti-option-group-title-text-color': 'var(--ti-common-color-text-weaken)',
@@ -599,8 +650,7 @@ export const concatTheme = {
   'ti-pager-next-padding-right': '0px',
   'ti-pager-btn-svg-fill-color': 'var(--ti-common-color-icon-normal)',
   'ti-pager-active-font-weight': '600',
-  'ti-pager-dot-is-popup-display': 'none',
-  'ti-pager-dot-before-display': 'block',
+  'ti-pager-dot-is-popup-svg-font-size': '16px',
   'ti-pager-poplist-item-hover-bg-color': '#0000000D',
   'ti-pager-poplist-item-hover-text-color': '#191919',
   'ti-pager-li-item-hover-font-weight': 'var(--ti-common-font-weight-6)',
@@ -736,6 +786,7 @@ export const concatTheme = {
   'ti-statistic-description-font-size': 'var(--ti-common-font-size-5)',
   'ti-statistic-font-color': 'var(--ti-common-color-primary-normal)',
   'ti-statistic-suffix-font-size': 'var(--ti-common-font-size-0)',
+  'ti-statistic-description-font-weight': 'var(--ti-common-font-weight-normal)',
   'ti-steps-circle-width-height': 'var(--ti-common-size-height-normal)',
   'ti-steps-icon-size': 'var(--ti-common-size-height-normal)',
   'ti-steps-icon-padding': 'var(--ti-common-space-base)',
@@ -818,6 +869,7 @@ export const concatTheme = {
   'ti-tag-close-small-margin-left': 'var(--ti-common-space-2)',
   'ti-tag-close-small-margin-right': 'calc(var(--ti-common-space-2) * -1)',
   'ti-tag-primary-close-opacity': '1',
+  'ti-tag-mini-height': 'var(--ti-common-size-3x)',
   'ti-tag-primary-close-hover-icon-color': 'var(--ti-common-color-icon-graybg-hover)',
   'ti-text-popup-padding-vertical': '5px',
   'ti-text-popup-padding-horizontal': 'var(--ti-common-space-3x)',

package/theme/smb-theme/index.js

@@ -337,6 +337,7 @@ export const tinyBaseSmbTheme = {
 
   /*  滚动条 */
   'ti-common-scrollbar-width': '8px',
+  'ti-common-scrollbar-height': '8px',
   'ti-common-scrollbar-track-piece-bg-color': 'var(--ti-base-color-bg-5)',
   'ti-common-scrollbar-thumb-bg-color': 'var(--ti-base-color-common-4)',
   'ti-common-scrollbar-thumb-border-radius': '4px',

package/time-spinner/index.css

@@ -1 +1 @@
-.tiny-time-spinner{--ti-time-spinner-arrow-text-color:#909399;--ti-time-spinner-arrow-hover-text-color:var(--ti-base-color-brand-7, #526ecc);--ti-time-spinner-item-active-text-color:#303133;--ti-time-spinner-item-font-weight:700;--ti-time-spinner-item-bg-color:transparent;--ti-time-spinner-list-border-color:transparent;--ti-time-spinner-font-size:var(--ti-common-font-size-base, 12px);--ti-time-spinner-text-color:var(--ti-base-color-info-normal);--ti-time-spinner-bg-color:var(--ti-base-color-light);--ti-time-spinner-selected-bg-color:#f2f2f3;--ti-time-spinner-disabled-text-color:var(--ti-common-color-text-disabled, #adb0b8)}.tiny-time-spinner__wrapper{max-height:190px;overflow:auto;display:inline-block;width:50%;vertical-align:top;position:relative}.tiny-time-spinner__wrapper.tiny-scrollbar{overflow:hidden}.tiny-time-spinner__wrapper .tiny-scrollbar__wrap:not(.tiny-scrollbar__wrap--hidden-default){padding-bottom:15px}.tiny-time-spinner__wrapper.is-arrow{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow:hidden}.tiny-time-spinner__wrapper.is-arrow .tiny-time-spinner__list{-webkit-transform:translateY(-32px);transform:translateY(-32px)}.tiny-time-spinner__wrapper.is-arrow .tiny-time-spinner__item:hover:not(.disabled):not(.active){background:var(--ti-time-spinner-bg-color);cursor:default}.tiny-time-spinner__wrapper .tiny-time-spinner__list{-webkit-transform:translateY(-6px);transform:translateY(-6px)}.tiny-time-spinner__wrapper:last-child .tiny-time-spinner__list{border-right:0}.tiny-time-spinner__arrow{font-size:var(--ti-time-spinner-font-size);color:var(--ti-time-spinner-arrow-text-color);height:30px;line-height:30px;position:absolute;left:0;width:100%;z-index:1;text-align:center;cursor:pointer}.tiny-time-spinner__arrow .tiny-svg{fill:var(--ti-time-spinner-arrow-text-color)}.tiny-time-spinner__arrow:hover .tiny-svg{fill:var(--ti-time-spinner-arrow-hover-text-color)}.tiny-time-spinner__arrow.tiny-icon-arrow-up{top:10px}.tiny-time-spinner__arrow.tiny-icon-arrow-down{bottom:10px}.tiny-time-spinner__arrow.tiny-input{width:70%}.tiny-time-spinner__arrow.tiny-input .tiny-input__inner{padding:0;text-align:center}.tiny-time-spinner__list{padding:0;margin:0;list-style:none;text-align:center;border-right:1px solid var(--ti-time-spinner-list-border-color)}.tiny-time-spinner__list::after,.tiny-time-spinner__list::before{content:'';display:block;width:100%;height:80px}.tiny-time-spinner__item{font-size:var(--ti-time-spinner-font-size);color:var(--ti-time-spinner-text-color);height:32px;line-height:32px}.tiny-time-spinner__item:hover:not(.disabled):not(.active){background:var(--ti-time-spinner-selected-bg-color);cursor:pointer}.tiny-time-spinner__item.active:not(.disabled){color:var(--ti-time-spinner-item-active-text-color);font-weight:var(--ti-time-spinner-item-font-weight);background-color:var(--ti-time-spinner-item-bg-color)}.tiny-time-spinner__item.disabled{color:var(--ti-time-spinner-disabled-text-color);cursor:not-allowed}.tiny-time-spinner.has-seconds .tiny-time-spinner__wrapper{width:33.3%}
+.tiny-time-spinner{--ti-time-spinner-arrow-text-color:#909399;--ti-time-spinner-arrow-hover-text-color:var(--ti-base-color-brand-7, #526ecc);--ti-time-spinner-item-active-text-color:#303133;--ti-time-spinner-item-font-weight:700;--ti-time-spinner-item-bg-color:transparent;--ti-time-spinner-list-border-color:transparent;--ti-time-spinner-font-size:var(--ti-common-font-size-base, 12px);--ti-time-spinner-text-color:var(--ti-base-color-info-normal);--ti-time-spinner-bg-color:var(--ti-base-color-light);--ti-time-spinner-selected-bg-color:#f2f2f3;--ti-time-spinner-disabled-text-color:var(--ti-common-color-text-disabled, #adb0b8)}.tiny-time-spinner__wrapper{max-height:190px;overflow:hidden;display:inline-block;width:50%;vertical-align:top;position:relative}.tiny-time-spinner__wrapper.tiny-scrollbar{overflow:hidden}.tiny-time-spinner__wrapper .tiny-scrollbar__wrap:not(.tiny-scrollbar__wrap--hidden-default){padding-bottom:15px}.tiny-time-spinner__wrapper.is-arrow{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;overflow:hidden}.tiny-time-spinner__wrapper.is-arrow .tiny-time-spinner__list{-webkit-transform:translateY(-32px);transform:translateY(-32px)}.tiny-time-spinner__wrapper.is-arrow .tiny-time-spinner__item:hover:not(.disabled):not(.active){background:var(--ti-time-spinner-bg-color);cursor:default}.tiny-time-spinner__wrapper .tiny-time-spinner__list{-webkit-transform:translateY(-6px);transform:translateY(-6px)}.tiny-time-spinner__wrapper:last-child .tiny-time-spinner__list{border-right:0}.tiny-time-spinner__arrow{font-size:var(--ti-time-spinner-font-size);color:var(--ti-time-spinner-arrow-text-color);height:30px;line-height:30px;position:absolute;left:0;width:100%;z-index:1;text-align:center;cursor:pointer}.tiny-time-spinner__arrow .tiny-svg{fill:var(--ti-time-spinner-arrow-text-color)}.tiny-time-spinner__arrow:hover .tiny-svg{fill:var(--ti-time-spinner-arrow-hover-text-color)}.tiny-time-spinner__arrow.tiny-icon-arrow-up{top:10px}.tiny-time-spinner__arrow.tiny-icon-arrow-down{bottom:10px}.tiny-time-spinner__arrow.tiny-input{width:70%}.tiny-time-spinner__arrow.tiny-input .tiny-input__inner{padding:0;text-align:center}.tiny-time-spinner__list{padding:0;margin:0;list-style:none;text-align:center;border-right:1px solid var(--ti-time-spinner-list-border-color)}.tiny-time-spinner__list::after,.tiny-time-spinner__list::before{content:'';display:block;width:100%;height:80px}.tiny-time-spinner__item{font-size:var(--ti-time-spinner-font-size);color:var(--ti-time-spinner-text-color);height:32px;line-height:32px}.tiny-time-spinner__item:hover:not(.disabled):not(.active){background:var(--ti-time-spinner-selected-bg-color);cursor:pointer}.tiny-time-spinner__item.active:not(.disabled){color:var(--ti-time-spinner-item-active-text-color);font-weight:var(--ti-time-spinner-item-font-weight);background-color:var(--ti-time-spinner-item-bg-color)}.tiny-time-spinner__item.disabled{color:var(--ti-time-spinner-disabled-text-color);cursor:not-allowed}.tiny-time-spinner.has-seconds .tiny-time-spinner__wrapper{width:33.3%}

package/user/index.css

@@ -1 +1 @@
-.tiny-user{--ti-user-font-size:var(--ti-common-font-size-base, 12px);--ti-user-tag-bg-color:var(--ti-common-color-hover-background, #f2f5fc);--ti-user-svg-text-color:var(--ti-base-color-brand-6, #5e7ce0)}.tiny-user.mini{height:30px}.tiny-user .tiny-user__select{width:100%}.tiny-user .tiny-user__select .tiny-input .tiny-svg{fill:var(--ti-user-svg-text-color)}.tiny-user .tiny-user__select .tiny-input.is-disabled .tiny-svg{fill:var(--ti-input-normal-disabled-color)}.tiny-user .tiny-user__select .tiny-select__input{height:20px}.tiny-user .tiny-user__ghost.tiny-tag{background:var(--ti-user-tag-bg-color)}.tiny-user_select{max-width:50%;width:auto;font-size:var(--ti-user-font-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tiny-user_select.left{float:left;margin-right:4px}.tiny-user_select.right{float:right;margin-left:4px}.tiny-user.draggableClass .tiny-select__tags>span:not(.is-disabled),.tiny-user.draggableClass .tiny-select__tags>span:not(.is-disabled)>span{display:inline-block}
+.tiny-user{--ti-user-font-size:var(--ti-common-font-size-base, 12px);--ti-user-tag-bg-color:var(--ti-common-color-hover-background, #f2f5fc);--ti-user-svg-text-color:var(--ti-base-color-brand-6, #5e7ce0)}.tiny-user.mini{height:30px}.tiny-user .tiny-user__select{width:100%}.tiny-user .tiny-user__select .tiny-input .tiny-svg{fill:var(--ti-user-svg-text-color)}.tiny-user .tiny-user__select .tiny-input.is-disabled .tiny-svg{fill:var(--ti-input-normal-disabled-color)}.tiny-user .tiny-user__select .tiny-select__input{height:20px}.tiny-user .tiny-user__ghost.tiny-tag{background:var(--ti-user-tag-bg-color)}.tiny-user_select{max-width:calc(50% - 4px);width:auto;font-size:var(--ti-user-font-size);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tiny-user_select.left{float:left;margin-right:4px}.tiny-user_select.right{float:right;margin-left:4px}.tiny-user.draggableClass .tiny-select__tags>span:not(.is-disabled),.tiny-user.draggableClass .tiny-select__tags>span:not(.is-disabled)>span{display:inline-block}