Files
vxe-table/lib/toolbar/style/style.css
xuliangzhan 9a7f1c3db4 优化图标
2019-11-20 13:41:56 +08:00

1 line
5.7 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;color:#606266}.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;background-color:rgba(0,0,0,.2)}.vxe-toolbar.size--medium{height:50px}.vxe-toolbar.size--small{height:48px}.vxe-toolbar.size--mini{height:46px}.vxe-toolbar.size--mini .vxe-tools--operate-btn,.vxe-toolbar.size--small .vxe-tools--operate-btn{font-size:15px}.vxe-toolbar .vxe-button--wrapper{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.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-wrapper{display:none;position:absolute;right:0;text-align:left;background-color:#fff;z-index:19;max-height:210px;overflow:auto;-webkit-box-shadow:4px 4px 2px -2px rgba(0,0,0,.2);box-shadow:4px 4px 2px -2px rgba(0,0,0,.2)}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--option{padding:5px 0;border:1px solid #e8eaec;border-radius:2px;font-size:14px}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--option>.vxe-checkbox{display:block;padding:5px 10px;margin:0;max-width:180px;min-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--option>.vxe-checkbox:hover{background-color:#f0f0f0}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--option>.vxe-checkbox>input:checked+.vxe-checkbox--icon+.vxe-checkbox--label{font-weight:700}.vxe-toolbar .vxe-custom--option-wrapper .vxe-custom--option>.vxe-checkbox .vxe-checkbox--label{display:inline}.vxe-export--panel>table{width:100%;border:0;table-layout:fixed}.vxe-export--panel>table tr td{padding:0 10px}.vxe-export--panel>table tr td:nth-child(1){text-align:right;width:30%;font-weight:700;padding:8px 10px}.vxe-export--panel>table tr td:nth-child(2){width:70%}.vxe-export--panel>table tr td>input,.vxe-export--panel>table tr td>select{outline:0;width:80%;padding:5px 8px;color:#606266;border-radius:4px;border:1px solid #dcdfe6}.vxe-export--panel>table tr td>input:focus,.vxe-export--panel>table tr td>select:focus{border:1px solid #409eff}.vxe-export--panel>table tr td>input::-webkit-input-placeholder{color:#c0c4cc}.vxe-export--panel>table tr td>input::-moz-placeholder{color:#c0c4cc}.vxe-export--panel>table tr td>input:-ms-input-placeholder{color:#c0c4cc}.vxe-export--panel>table tr td>input::-ms-input-placeholder{color:#c0c4cc}.vxe-export--panel>table tr td>input::placeholder{color:#c0c4cc}.vxe-export--panel .vxe-export--panel-column{width:80%;border:1px solid #dcdfe6;margin:3px 0;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-export--panel .vxe-export--panel-column>.vxe-checkbox{padding:5px 5px 5px 10px;font-weight:700;display:block;background-color:#f8f8f9}.vxe-export--panel .vxe-export--panel-column>ul{max-height:208px;overflow:auto;margin:0}.vxe-export--panel .vxe-export--panel-column>ul>li{position:relative;padding:4px 30px 4px 32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.9em;cursor:pointer}.vxe-export--panel .vxe-export--panel-column>ul>li.active{color:#409eff;font-weight:700}.vxe-export--panel .vxe-export--panel-column>ul>li.active:before{content:"";position:absolute;height:.66em;width:.34em;top:.5em;left:15px;border-width:.1em;border-style:solid;border-color:inherit;border-left:0;border-top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.vxe-export--panel .vxe-export--panel-column>ul>li:hover{background-color:#f5f7fa}.vxe-export--panel .vxe-import-selected--file{padding-right:40px;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.vxe-export--panel .vxe-import-selected--file>i{display:none;position:absolute;top:50%;right:15px;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:16px;cursor:pointer}.vxe-export--panel .vxe-import-selected--file:hover{color:#409eff}.vxe-export--panel .vxe-import-selected--file:hover>i{display:block}.vxe-export--panel .vxe-import-select--file{border:1px dashed #dcdfe6;padding:6px 34px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:pointer}.vxe-export--panel .vxe-import-select--file:hover{color:#409eff;border-color:#409eff}.vxe-export--panel .vxe-export--panel-btns{text-align:right;margin-top:10px}.vxe-modal--wrapper.size--mini .vxe-export--panel,.vxe-modal--wrapper.size--small .vxe-export--panel{font-size:12px}