| | |
| | | min-height: 20px; |
| | | overflow-y: auto; |
| | | |
| | | >.button-list.toolbar-button { |
| | | padding: 0; |
| | | line-height: 45px; |
| | | button { |
| | | margin-right: 0px; |
| | | margin-bottom: 0px; |
| | | min-height: 28px; |
| | | height: auto; |
| | | } |
| | | } |
| | | |
| | | .data-zoom { |
| | | display: flex; |
| | | position: relative; |
| | |
| | | background-position: center center; |
| | | background-repeat: no-repeat; |
| | | background-size: cover; |
| | | } |
| | | .prev-page { |
| | | width: 20px; |
| | | div { |
| | | height: 100%; |
| | | display: table; |
| | | div { |
| | | display: table-cell; |
| | | vertical-align: middle; |
| | | } |
| | | } |
| | | img { |
| | | width: 15px; |
| | | padding: 0 2px; |
| | | height: 70px; |
| | | cursor: pointer; |
| | | } |
| | | } |
| | | .prev-page.disabled { |
| | | img { |
| | | cursor: not-allowed; |
| | | opacity: 0.4; |
| | | } |
| | | } |
| | | .card-row-list::after { |
| | | content: ' '; |
| | |
| | | } |
| | | } |
| | | } |
| | | .data-zoom-box { |
| | | width: 100%; |
| | | overflow-x: auto; |
| | | overflow-y: auto; |
| | | padding-bottom: 10px; |
| | | border: 1px solid #e8e8e8; |
| | | border-radius: 4px; |
| | | |
| | | .extend-card:first-child { |
| | | position: sticky; |
| | | top: 0px; |
| | | z-index: 2; |
| | | } |
| | | } |
| | | .data-zoom-box::-webkit-scrollbar { |
| | | height: 9px; |
| | | width: 9px; |
| | | } |
| | | .data-zoom-box::-webkit-scrollbar-thumb { |
| | | border-radius: 5px; |
| | | box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.13); |
| | | background: rgba(0, 0, 0, 0.13); |
| | | } |
| | | .data-zoom-box::-webkit-scrollbar-track { |
| | | box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.05); |
| | | border-radius: 3px; |
| | | border: 1px solid rgba(0, 0, 0, 0.07); |
| | | background: rgba(0, 0, 0, 0); |
| | | } |
| | | } |
| | | .double-data-card-box::-webkit-scrollbar { |
| | | width: 7px; |