.datasource-view { .datasource-tools { margin-top: 5px; margin-right: 5px; .search { margin-right: 5px; } } .datasource-table{ .ant-table { margin-top: 5px; .ant-table-scroll { .ant-table-header { overflow: hidden; table { thead { th { .ant-table-column-sorter, .ant-table-filter-icon { opacity: 0; } :hover { .ant-table-column-sorter, .ant-table-filter-icon { opacity: 1; } } } .column-filtered { .ant-table-filter-icon { opacity: 1; color: red; } } } } } .ant-table-body { margin-top: 17px; overflow-y: auto !important; table { padding: 0; .ant-table-row { td { padding: 8px; .datasource-name { display: flex; .datasource-type { width: 20px; height: 20px; background-size: cover; background-repeat: no-repeat; background-image: url('https://test-feapp.oss-cn-beijing.aliyuncs.com/feapp/s70f_180613_fix_a_t/images/trdservices/44_2.png'); } .type-oracle { background-position: 0 -731px; } } .datasource-tag { margin: 2px; cursor: default; } .ant-dropdown-trigger { font-size: 18px; cursor: pointer; } } .action-col { display: flex; .operation { cursor: pointer; } .operation:hover { color: #40a9ff; } } } } } } } } } .operationmenu { padding: 0; width: 120px; .ant-dropdown-menu-item { .anticon { margin-right: 6px; } } .ant-dropdown-menu-item-divider { margin: 0; } } .ant-table-body::-webkit-scrollbar {/*滚动条整体样式*/ width: 6px; /*高宽分别对应横竖滚动条的尺寸*/ height: 4px; } .ant-table-body::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ border-radius: 5px; box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: rgba(0,0,0,0.2); } .ant-table-body::-webkit-scrollbar-track {/*滚动条里面轨道*/ box-shadow: inset 0 0 5px rgba(0,0,0,0.2); border-radius: 0; background: rgba(0,0,0,0.1); } .custom-filter-dropdown { padding: 8px; border-radius: 6px; background: #fff; box-shadow: 0 1px 6px rgba(0, 0, 0, .2); } .custom-filter-dropdown input { width: 130px; margin-right: 8px; }