Commit da4aea1399f67759b06266aa410036f69fde9521
1 parent
77028321
fix: fix table small style (#67)
Showing
1 changed file
with
13 additions
and
30 deletions
src/components/Table/src/style/index.less
| @@ -35,37 +35,13 @@ | @@ -35,37 +35,13 @@ | ||
| 35 | } | 35 | } |
| 36 | } | 36 | } |
| 37 | 37 | ||
| 38 | - .resize-table-th { | ||
| 39 | - position: relative !important; | ||
| 40 | - | ||
| 41 | - .table-draggable-handle { | ||
| 42 | - position: absolute; | ||
| 43 | - right: -5px; | ||
| 44 | - bottom: 0; | ||
| 45 | - left: auto !important; | ||
| 46 | - height: 100% !important; | ||
| 47 | - cursor: col-resize; | ||
| 48 | - transform: none !important; | ||
| 49 | - touch-action: none; | ||
| 50 | - } | ||
| 51 | - } | ||
| 52 | - | ||
| 53 | - &-drag-body { | ||
| 54 | - position: relative; | ||
| 55 | - cursor: move; | ||
| 56 | - } | ||
| 57 | - | ||
| 58 | - .drag-line td { | ||
| 59 | - border-top: 2px dashed @primary-color; | ||
| 60 | - } | ||
| 61 | - | ||
| 62 | .ant-table-wrapper { | 38 | .ant-table-wrapper { |
| 63 | padding: 8px; | 39 | padding: 8px; |
| 64 | background: #fff; | 40 | background: #fff; |
| 65 | border-radius: 2px; | 41 | border-radius: 2px; |
| 66 | 42 | ||
| 67 | .ant-table-title { | 43 | .ant-table-title { |
| 68 | - padding: 0 0 10px 0 !important; | 44 | + padding: 0 0 8px 0 !important; |
| 69 | } | 45 | } |
| 70 | 46 | ||
| 71 | .ant-table.ant-table-bordered .ant-table-title { | 47 | .ant-table.ant-table-bordered .ant-table-title { |
| @@ -75,16 +51,20 @@ | @@ -75,16 +51,20 @@ | ||
| 75 | 51 | ||
| 76 | // | 52 | // |
| 77 | .ant-table { | 53 | .ant-table { |
| 54 | + border: none; | ||
| 55 | + | ||
| 78 | &-title { | 56 | &-title { |
| 79 | display: flex; | 57 | display: flex; |
| 80 | justify-content: space-between; | 58 | justify-content: space-between; |
| 81 | align-items: center; | 59 | align-items: center; |
| 82 | padding: 8px 6px; | 60 | padding: 8px 6px; |
| 61 | + border-bottom: none; | ||
| 83 | } | 62 | } |
| 84 | 63 | ||
| 85 | .ant-table-thead > tr > th, | 64 | .ant-table-thead > tr > th, |
| 86 | .ant-table-header { | 65 | .ant-table-header { |
| 87 | background: #f1f3f4; | 66 | background: #f1f3f4; |
| 67 | + background-color: #f1f3f4 !important; | ||
| 88 | } | 68 | } |
| 89 | 69 | ||
| 90 | .ant-table-tbody > tr.ant-table-row-selected td { | 70 | .ant-table-tbody > tr.ant-table-row-selected td { |
| @@ -100,6 +80,10 @@ | @@ -100,6 +80,10 @@ | ||
| 100 | } | 80 | } |
| 101 | 81 | ||
| 102 | .ant-table-thead { | 82 | .ant-table-thead { |
| 83 | + tr { | ||
| 84 | + border: none; | ||
| 85 | + } | ||
| 86 | + | ||
| 103 | th { | 87 | th { |
| 104 | border: none; | 88 | border: none; |
| 105 | } | 89 | } |
| @@ -135,11 +119,6 @@ | @@ -135,11 +119,6 @@ | ||
| 135 | border-right: 1px solid @border-color !important; | 119 | border-right: 1px solid @border-color !important; |
| 136 | } | 120 | } |
| 137 | 121 | ||
| 138 | - // .ant-table-thead > tr > th, | ||
| 139 | - // .ant-table-tbody > tr > td { | ||
| 140 | - // padding: 9px 8px !important; | ||
| 141 | - // } | ||
| 142 | - | ||
| 143 | .ant-pagination { | 122 | .ant-pagination { |
| 144 | margin: 10px 0 0 0; | 123 | margin: 10px 0 0 0; |
| 145 | } | 124 | } |
| @@ -160,6 +139,10 @@ | @@ -160,6 +139,10 @@ | ||
| 160 | 139 | ||
| 161 | .ant-table-fixed { | 140 | .ant-table-fixed { |
| 162 | border-bottom: none; | 141 | border-bottom: none; |
| 142 | + | ||
| 143 | + .ant-table-thead th { | ||
| 144 | + background: rgb(241, 243, 244); | ||
| 145 | + } | ||
| 163 | } | 146 | } |
| 164 | } | 147 | } |
| 165 | 148 |