Files
vxe-table/lib/toolbar/style/style.css
xuliangzhan 92a3f2fb2d 内部优化
2020-01-17 11:12:31 +08:00

1 line
5.8 KiB
CSS

.vxe-toolbar{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:52px;font-size:14px;color:#606266;font-family:Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,\\5FAE\8F6F\96C5\9ED1,Arial,sans-serif}.vxe-toolbar:after{content:"";display:block;clear:both;height:0;overflow:hidden;visibility:hidden}.vxe-toolbar.is--loading{position:relative}.vxe-toolbar.is--loading:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:rgba(0,0,0,.2)}.vxe-toolbar.size--medium{font-size:14px;height:50px}.vxe-toolbar.size--medium .vxe-tools--operate-btn{font-size:18px}.vxe-toolbar.size--small{font-size:13px;height:48px}.vxe-toolbar.size--small .vxe-tools--operate-btn{font-size:17px}.vxe-toolbar.size--mini{font-size:12px;height:46px}.vxe-toolbar.size--mini .vxe-tools--operate-btn{font-size:16px}.vxe-toolbar .vxe-button--wrapper{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:left}.vxe-toolbar .vxe-button--wrapper>.vxe-button+.vxe-button--item,.vxe-toolbar .vxe-button--wrapper>.vxe-button--item+.vxe-button,.vxe-toolbar .vxe-button--wrapper>.vxe-button--item+.vxe-button--item{margin-left:.8em}.vxe-toolbar .vxe-button--wrapper>.vxe-button--item{display:inline-block}.vxe-toolbar .vxe-tools--wrapper>.vxe-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.vxe-toolbar .vxe-tools--operate,.vxe-toolbar .vxe-tools--wrapper{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.vxe-toolbar .vxe-custom--wrapper{position:relative}.vxe-toolbar .vxe-custom--wrapper.is--active .vxe-custom--setting-btn{background-color:#d9dadb;border-radius:50%}.vxe-toolbar .vxe-custom--wrapper.is--active .vxe-custom--option-wrapper{display:block}.vxe-toolbar .vxe-tools--operate-btn{padding:8px;text-align:center;font-size:18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.vxe-toolbar .vxe-tools--operate-btn:hover{background-color:#f0f0f0;border-radius:50%}.vxe-toolbar .vxe-tools--operate-btn:hover .vxe-icon--zoomin{background-color:#f0f0f0}.vxe-toolbar .vxe-tools--operate-btn>i{display:block}.vxe-toolbar .vxe-custom--option>.vxe-checkbox--icon{font-size:16px}.vxe-toolbar .vxe-custom--option-wrapper{display:none;position:absolute;right:0;text-align:left;background-color:#fff;z-index:19;border:1px solid #e8eaec;border-radius:2px;-webkit-box-shadow:3px 3px 4px -2px rgba(0,0,0,.6);box-shadow:3px 3px 4px -2px rgba(0,0,0,.6)}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header{padding-top:.2em;font-weight:700}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body{padding-bottom:.2em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header{max-height:240px}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--body>li,.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--header>li{max-width:180px;min-width:100px;padding:.2em 1em .2em 2.25em}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer{border-top:1px solid #dadce0;padding:.4em;text-align:right;min-width:110px}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer button{background-color:transparent;width:50%;border:0;color:#606266;text-align:center;cursor:pointer}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer button:focus{outline:0}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--footer button:hover{color:#409eff}.vxe-custom--option-wrapper .vxe-custom--body,.vxe-custom--option-wrapper .vxe-custom--header{list-style-type:none;overflow:auto;margin:0;padding:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-custom--option-wrapper .vxe-custom--body>li,.vxe-custom--option-wrapper .vxe-custom--header>li{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;cursor:pointer}.vxe-custom--option{position:relative}.vxe-custom--option .vxe-checkbox--icon:before{content:"";position:absolute;height:1em;width:1em;top:.4em;left:.6em;border-radius:.2em;border:2px solid #dcdfe6}.vxe-custom--option.is--checked,.vxe-custom--option.is--indeterminate{color:#409eff}.vxe-custom--option.is--checked .vxe-checkbox--icon:before,.vxe-custom--option.is--indeterminate .vxe-checkbox--icon:before{border-color:#409eff;background-color:#409eff}.vxe-custom--option.is--checked .vxe-checkbox--icon:after,.vxe-custom--option.is--indeterminate .vxe-checkbox--icon:after{content:"";position:absolute}.vxe-custom--option.is--checked .vxe-checkbox--icon:after{height:.64em;width:.32em;top:.55em;left:.95em;border:2px solid #fff;border-left:0;border-top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.vxe-custom--option.is--indeterminate .vxe-checkbox--icon:after{top:.85em;left:.6em;height:.18em;width:1em;background-color:#fff;-webkit-transform:scale(.6);transform:scale(.6)}.vxe-custom--option:not(.is--disabled):hover .vxe-checkbox--icon:before{border-color:#409eff}.vxe-custom--option.is--disabled{cursor:not-allowed;color:#dcdfe6}.vxe-custom--option.is--disabled.is--checked .vxe-checkbox--icon:before{border-color:#dcdfe6;background-color:#f3f3f3}.vxe-custom--option.is--disabled.is--checked .vxe-checkbox--icon:after{border-color:#dcdfe6}.vxe-custom--option:hover{background-color:#f5f7fa}.vxe-toolbar .vxe-custom--option>.vxe-checkbox--icon{font-size:16px}.vxe-toolbar.size--medium .vxe-custom--option>.vxe-checkbox--icon{font-size:15px}.vxe-toolbar.size--small .vxe-custom--option>.vxe-checkbox--icon{font-size:14px}.vxe-toolbar.size--mini .vxe-custom--option>.vxe-checkbox--icon{font-size:14px}