/*toolbar*/ .vxe-toolbar { position: relative; display: flex; flex-direction: row; align-items: center; padding: 0.6em 0; color: var(--vxe-ui-font-color); font-family: var(--vxe-ui-font-family); background-color: var(--vxe-ui-layout-background-color); } .vxe-toolbar:after { content: ""; display: block; clear: both; height: 0; overflow: hidden; visibility: hidden; } .vxe-toolbar.is--perfect { border: 1px solid var(--vxe-ui-table-border-color); border-bottom-width: 0; background-color: var(--vxe-ui-table-header-background-color); } .vxe-toolbar.is--loading:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; -webkit-user-select: none; -moz-user-select: none; user-select: none; background-color: var(--vxe-ui-loading-background-color); } .vxe-toolbar .vxe-buttons--wrapper { flex-grow: 1; } .vxe-toolbar .vxe-buttons--wrapper > .vxe-button + .vxe-button--item, .vxe-toolbar .vxe-buttons--wrapper > .vxe-button--item + .vxe-button, .vxe-toolbar .vxe-buttons--wrapper > .vxe-button--item + .vxe-button--item { margin-left: 0.8em; } .vxe-toolbar .vxe-buttons--wrapper > .vxe-button--item { display: inline-block; } .vxe-toolbar .vxe-tools--wrapper > .vxe-button + .vxe-tool--item, .vxe-toolbar .vxe-tools--wrapper > .vxe-tool--item + .vxe-button, .vxe-toolbar .vxe-tools--wrapper > .vxe-tool--item + .vxe-tool--item { margin-left: 0.8em; } .vxe-toolbar .vxe-tools--wrapper > .vxe-tool--item { display: inline-block; } .vxe-toolbar .vxe-tools--wrapper > .vxe-button { display: flex; align-items: center; justify-content: center; } .vxe-toolbar .vxe-buttons--wrapper, .vxe-toolbar .vxe-tools--wrapper, .vxe-toolbar .vxe-tools--operate { display: flex; align-items: center; } .vxe-toolbar .vxe-buttons--wrapper, .vxe-toolbar .vxe-tools--wrapper { flex-wrap: wrap; } .vxe-toolbar .vxe-tools--operate { flex-shrink: 0; } .vxe-toolbar .vxe-custom--wrapper { position: relative; } .vxe-toolbar .vxe-custom--wrapper.is--active > .vxe-button { background-color: var(--vxe-ui-toolbar-custom-active-background-color); border-radius: 50%; } .vxe-toolbar { font-size: var(--vxe-ui-font-size-default); } .vxe-toolbar.size--medium { font-size: var(--vxe-ui-font-size-medium); } .vxe-toolbar.size--small { font-size: var(--vxe-ui-font-size-small); } .vxe-toolbar.size--mini { font-size: var(--vxe-ui-font-size-mini); }