@opentiny/vue-theme/popeditor/index.css

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

.tiny-popeditor{--tv-Popeditor-font-size:var(--tv-font-size-default, 14px);--tv-Popeditor-icon-color:var(--tv-color-icon, #808080);--tv-Popeditor-icon-color-disabled:var(--tv-color-icon-disabled, #c2c2c2);--tv-Popeditor-icon-color-hover:var(--tv-color-icon-hover, #191919);--tv-Popeditor-icon-font-size:var(--tv-icon-size, 16px);--tv-Popeditor-icon-height:var(--tv-size-height-md, 32px);--tv-Popeditor-icon-line-height:var(--tv-Popeditor-icon-height);--tv-Popeditor-tabs-selected-text-color:var(--tv-color-text, #191919);--tv-Popeditor-tabs-li-height:34px;--tv-Popeditor-tabs-li-line-height:var(--tv-line-height-number, 1.5);--tv-Popeditor-tabs-font-size:var(--tv-font-size-lg, 16px);--tv-Popeditor-tabs-selected-font-weight:var(--tv-font-weight-bold, 600);--tv-Popeditor-tabs-text-color:var(--tv-color-text, #191919);--tv-Popeditor-search-item-width:80px;--tv-Popeditor-search-item-padding-right:var(--tv-space-sm, 4px);--tv-Popeditor-search-item-padding-left:var(--tv-space-sm, 4px)}.tiny-popeditor .tiny-input.tiny-popeditor-readonly .tiny-input__inner{padding-left:8px}.tiny-popeditor .tiny-input.tiny-popeditor-readonly .tiny-input__inner:active,.tiny-popeditor .tiny-input.tiny-popeditor-readonly .tiny-input__inner:focus,.tiny-popeditor .tiny-input.tiny-popeditor-readonly .tiny-input__inner:hover{cursor:pointer}.tiny-popeditor .tiny-input.is-disabled .tiny-input__inner:active,.tiny-popeditor .tiny-input.is-disabled .tiny-input__inner:focus,.tiny-popeditor .tiny-input.is-disabled .tiny-input__inner:hover{cursor:not-allowed}.tiny-popeditor .tiny-input.is-disabled .tiny-input__inner:active+.tiny-input__suffix .tiny-svg__popeditor,.tiny-popeditor .tiny-input.is-disabled .tiny-input__inner:focus+.tiny-input__suffix .tiny-svg__popeditor,.tiny-popeditor .tiny-input.is-disabled .tiny-input__inner:hover+.tiny-input__suffix .tiny-svg__popeditor{fill:var(--tv-Popeditor-icon-color-disabled)}.tiny-popeditor .tiny-input.is-disabled .tiny-input__suffix{cursor:not-allowed}.tiny-popeditor .tiny-input.is-disabled .tiny-input__suffix .tiny-svg__popeditor,.tiny-popeditor .tiny-input.is-disabled .tiny-input__suffix .tiny-svg__popeditor:hover{fill:var(--tv-Popeditor-icon-color-disabled);cursor:not-allowed}.tiny-popeditor .tiny-input.suggest .tiny-input__inner{padding-right:50px}.tiny-popeditor .tiny-input.suggest .tiny-svg__popeditor.tiny-chevron{margin-right:8px}.tiny-popeditor .tiny-input .tiny-input__inner:active+.tiny-input__suffix,.tiny-popeditor .tiny-input .tiny-input__inner:focus+.tiny-input__suffix,.tiny-popeditor .tiny-input .tiny-input__inner:hover+.tiny-input__suffix{cursor:not-allowed}.tiny-popeditor .tiny-input .tiny-input__inner:active+.tiny-input__suffix .tiny-svg__popeditor,.tiny-popeditor .tiny-input .tiny-input__inner:focus+.tiny-input__suffix .tiny-svg__popeditor,.tiny-popeditor .tiny-input .tiny-input__inner:hover+.tiny-input__suffix .tiny-svg__popeditor{fill:var(--tv-Popeditor-icon-color-hover)}.tiny-popeditor .tiny-input .tiny-input__suffix{cursor:pointer}.tiny-popeditor .tiny-input .tiny-input__suffix .tiny-svg__popeditor{height:var(--tv-Popeditor-icon-height);line-height:var(--tv-Popeditor-icon-line-height);font-size:var(--tv-Popeditor-icon-font-size);fill:var(--tv-Popeditor-icon-color);cursor:pointer}.tiny-popeditor .tiny-input .tiny-input__suffix .tiny-svg__popeditor:hover{fill:var(--tv-Popeditor-icon-color-hover)}.tiny-popeditor-top .tiny-popeditor__search-lists{width:100%;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;-ms-flex-wrap:wrap;flex-wrap:wrap}.tiny-popeditor-top .tiny-popeditor__search-lists .tiny-input{position:relative;font-size:var(--tv-Popeditor-font-size);display:inline-block;width:100%}.tiny-popeditor-top .tiny-popeditor__search-lists .tiny-popeditor__search-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:24px}.tiny-popeditor-top .tiny-popeditor__search-lists .tiny-popeditor__search-item .tiny-popeditor__search-label{text-align:left;padding-right:8px;font-size:var(--tv-Popeditor-font-size);width:var(--tv-Popeditor-search-item-width)}.tiny-popeditor-top .tiny-popeditor__search-lists .tiny-popeditor__search-item:nth-child(2n+1){padding-right:var(--tv-Popeditor-search-item-padding-right)}.tiny-popeditor-top .tiny-popeditor__search-lists .tiny-popeditor__search-item:nth-child(2n){padding-left:var(--tv-Popeditor-search-item-padding-left)}.tiny-popeditor-top .tiny-popeditor__search-lists .tiny-popeditor__search-input{-webkit-box-flex:1;-ms-flex:1;flex:1}.tiny-popeditor-top .tiny-popeditor__search-footer{width:100%;text-align:right;margin:0 auto 24px}.tiny-popeditor-body{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.tiny-popeditor-body__left{padding:0 16px 0 0}.tiny-popeditor-body__right{padding:0 0 0 16px}.tiny-popeditor-body__left,.tiny-popeditor-body__right{width:50%;vertical-align:top}.tiny-popeditor-body__left.tiny-popeditor-body__radio,.tiny-popeditor-body__right.tiny-popeditor-body__radio{width:100%}.tiny-popeditor-body .tiny-popeditor__tabs .tiny-popeditor__tabs-head{white-space:nowrap;margin:0;padding:0;overflow:hidden;height:var(--tv-Popeditor-tabs-li-height);width:100%;position:relative}.tiny-popeditor-body .tiny-popeditor__tabs .tiny-popeditor__tabs-head ul{height:var(--tv-Popeditor-tabs-li-height);border-bottom:1px solid transparent;-webkit-box-sizing:border-box;box-sizing:border-box}.tiny-popeditor-body .tiny-popeditor__tabs .tiny-popeditor__tabs-head ul li{float:left;margin-right:-1px;cursor:pointer;padding:0 32px 0 0;color:var(--tv-Popeditor-tabs-text-color);min-width:90px;height:var(--tv-Popeditor-tabs-li-height);line-height:var(--tv-Popeditor-tabs-li-line-height);font-size:var(--tv-Popeditor-tabs-font-size)}.tiny-popeditor-body .tiny-popeditor__tabs .tiny-popeditor__tabs-head ul li.tiny-popeditor__tabs-selected{color:var(--tv-Popeditor-tabs-selected-text-color);border-bottom:3px solid var(--tv-Popeditor-tabs-selected-text-color);font-weight:var(--tv-Popeditor-tabs-selected-font-weight)}.tiny-popeditor-body .tiny-popeditor__tabs .tiny-popeditor__tabs-body .tabs-body-item{padding:16px 0 0}.tiny-popeditor-body .tiny-popeditor__tabs .tiny-popeditor__tabs-body .tabs-body-item .tiny-pager{padding-top:12px;padding-bottom:0}.tiny-popeditor__tree .tiny-popeditor__filter-input{margin-bottom:20px}.tiny-popeditor__tree .tiny-popeditor__filter-input .tiny-input__inner{padding-left:28px;padding-right:8px}.tiny-popeditor__tree .tiny-popeditor__filter-input .tiny-input__prefix{visibility:visible}.tiny-popeditor__tree .tiny-popeditor__filter-input .tiny-input__suffix{visibility:hidden}.tiny-popeditor__tree-wrapper{overflow:auto}.tiny-popeditor__dialog-box{--tv-Popeditor-font-size:var(--tv-font-size-default, 14px);--tv-Popeditor-icon-color:var(--tv-color-icon, #808080);--tv-Popeditor-icon-color-disabled:var(--tv-color-icon-disabled, #c2c2c2);--tv-Popeditor-icon-color-hover:var(--tv-color-icon-hover, #191919);--tv-Popeditor-icon-font-size:var(--tv-icon-size, 16px);--tv-Popeditor-icon-height:var(--tv-size-height-md, 32px);--tv-Popeditor-icon-line-height:var(--tv-Popeditor-icon-height);--tv-Popeditor-tabs-selected-text-color:var(--tv-color-text, #191919);--tv-Popeditor-tabs-li-height:34px;--tv-Popeditor-tabs-li-line-height:var(--tv-line-height-number, 1.5);--tv-Popeditor-tabs-font-size:var(--tv-font-size-lg, 16px);--tv-Popeditor-tabs-selected-font-weight:var(--tv-font-weight-bold, 600);--tv-Popeditor-tabs-text-color:var(--tv-color-text, #191919);--tv-Popeditor-search-item-width:80px;--tv-Popeditor-search-item-padding-right:var(--tv-space-sm, 4px);--tv-Popeditor-search-item-padding-left:var(--tv-space-sm, 4px)}.tiny-popeditor__dialog-box .tiny-dialog-box__footer{text-align:right;padding-top:24px}