@opentiny/vue-theme/dialog-select/index.css

An enterprise-class UI component library, support both Vue.js 2 and Vue.js 3, as well as PC and mobile.

.tiny-dialog-select{--tv-DialogSelect-border-radius:var(--tv-border-radius-md, 6px);--tv-DialogSelect-icon-size:var(--tv-icon-size, 16px);--tv-DialogSelect-search-margin-bottom:var(--tv-space-md, 8px);--tv-DialogSelect-search-input-padding-left:32px;--tv-DialogSelect-tree-margin-right:var(--tv-space-md, 8px);--tv-DialogSelect-tree-wrapper-padding:var(--tv-space-md, 8px) var(--tv-space-sm, 4px) var(--tv-space-md, 8px) var(--tv-space-xl, 16px);--tv-DialogSelect-tree-wrapper-margin-top:var(--tv-space-md, 8px);--tv-DialogSelect-body-box-border:var(--tv-border-width, 1px) solid var(--tv-color-border, #c2c2c2);--tv-DialogSelect-box-margin-left:var(--tv-space-sm, 4px);--tv-DialogSelect-split-trigger-padding:0 var(--tv-space-sm, 4px);--tv-DialogSelect-split-pane-padding-right-left:var(--tv-space-sm, 4px)}.tiny-dialog-select .tiny-dialog-select__body-search{margin-bottom:var(--tv-DialogSelect-search-margin-bottom)}.tiny-dialog-select .tiny-dialog-select__body-selector .tiny-split-pane.left-pane{padding-right:var(--tv-DialogSelect-split-pane-padding-right-left)}.tiny-dialog-select .tiny-dialog-select__body-selector .tiny-split-trigger-con-simple:hover .tiny-split-trigger{background:0 0}.tiny-dialog-select .tiny-dialog-select__body-selector .tiny-split-trigger-vertical{background-color:transparent}.tiny-dialog-select .tiny-dialog-select__body-grid{border:var(--tv-DialogSelect-body-box-border);border-radius:var(--tv-DialogSelect-border-radius);overflow:hidden}.tiny-dialog-select .tiny-dialog-select__body-tree{margin-right:var(--tv-DialogSelect-tree-margin-right)}.tiny-dialog-select .tiny-dialog-select__body-tree .tiny-input-prefix .tiny-input__inner{padding-left:var(--tv-DialogSelect-search-input-padding-left)}.tiny-dialog-select .tiny-dialog-select__body-tree .tiny-input__prefix{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-dialog-select .tiny-dialog-select__body-tree .tiny-input__prefix .tiny-svg{font-size:var(--tv-DialogSelect-icon-size)}.tiny-dialog-select .tiny-dialog-select__body-tree-wrapper{margin-top:var(--tv-DialogSelect-tree-wrapper-margin-top);border:var(--tv-DialogSelect-body-box-border);border-radius:var(--tv-DialogSelect-border-radius);padding:var(--tv-DialogSelect-tree-wrapper-padding)}.tiny-dialog-select .tiny-dialog-select__body-tree-wrapper>div{height:100%;overflow:auto}.tiny-dialog-select .tiny-dialog-select__body-tree-wrapper>div .tiny-tree{padding:0}.tiny-dialog-select .tiny-dialog-select__body-box{border:var(--tv-DialogSelect-body-box-border);border-radius:var(--tv-DialogSelect-border-radius);margin-left:var(--tv-DialogSelect-box-margin-left);overflow:hidden}.tiny-dialog-select .tiny-dialog-select__footer{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.tiny-dialog-select .tiny-dialog-select__footer-pager .tiny-pager{padding:0}.tiny-dialog-select .tiny-dialog-select__footer-pager .tiny-pager__btn-prev{margin-left:0}.tiny-dialog-select .tiny-split-trigger-con-vertical.tiny-split-trigger-con-simple{padding:var(--tv-DialogSelect-split-trigger-padding)}.tiny-dialog-select .tiny-split-wrapper{-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:0}.tiny-dialog-select.radio-check .tiny-split-trigger-con-vertical.tiny-split-trigger-con-simple{display:none}.tiny-dialog-select.radio-check .tiny-dialog-select__body-tree{margin-right:0}.tiny-dialog-select.radio-check .tiny-dialog-select__body-grid{border:none;border-radius:0;overflow:auto}.tiny-dialog-select.is-tree .tiny-split-pane.left-pane{padding-right:0}.tiny-dialog-select.is-tree .tiny-split-pane.right-pane .tiny-dialog-select__body-box{margin-left:0}