ewide/zsxt_nbzs_h5
22
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

展开行样式修改

Browse Source
This commit is contained in:
Connor
2021-06-23 18:46:31 +08:00
parent ae85cb9ad3
commit bd5f006fcf
2 changed files with 302 additions and 196 deletions
Download Patch File Download Diff File Expand all files Collapse all files

290
web-react/src/assets/style/lib/table.less
View File

@@ -1,190 +1,214 @@
@import (reference) '../extend.less';
.yo-query-bar {
margin-bottom: @padding-md;
margin-bottom: @padding-md;
}
.yo-action-bar {
display: flex;
justify-content: space-between;
display: flex;
justify-content: space-between;
margin-bottom: @padding-md;
margin-bottom: @padding-md;
&--actions {
>.ant-btn,
>.ant-btn-group {
+.ant-btn,
+.ant-btn-group {
margin-left: @padding-xs;
}
&--actions {
> .ant-btn,
> .ant-btn-group {
+ .ant-btn,
+ .ant-btn-group {
margin-left: @padding-xs;
}
}
}
}
}
.ant-table-thead {
th.ant-table-column-has-sorters {
&:hover {
background-color: darken(@background-color-base, 5%);
th.ant-table-column-has-sorters {
&:hover {
background-color: darken(@background-color-base, 5%);
}
}
}
}
.ant-table-tbody {
>tr {
>td {
transition-property: background, border-bottom-color;
> tr {
> td {
transition-property: background, border-bottom-color;
}
}
}
>tr.ant-table-row:hover {
>td {
border-bottom-color: lighten(@primary-color, 30%);
> tr.ant-table-row:hover {
> td {
border-bottom-color: lighten(@primary-color, 30%);
}
}
}
}
.ant-table-small {
>.ant-table-content {
>.ant-table-body {
margin: 0;
> .ant-table-content {
> .ant-table-body {
margin: 0;
>table {
>.ant-table-thead {
>tr {
>th {
background-color: @table-selected-row-bg;
> table {
> .ant-table-thead {
> tr {
> th {
background-color: @table-selected-row-bg;
}
}
}
}
}
}
}
}
}
}
.ant-table-thead {
>tr {
>th {
font-weight: bold;
> tr {
> th {
font-weight: bold;
}
}
}
}
.yo-table {
.ant-table {
margin: 0 !important;
}
.border-right-none() {
border-right-width: 0 !important;
&:last-child {
border-right-width: 1px !important;
.ant-table {
margin: 0 !important;
}
}
.ant-table-content {
.ant-table-body {
overflow-x: auto !important;
.border-right-none() {
border-right-width: 0 !important;
>table {
>.ant-table-thead {
>tr {
>th {
.border-right-none();
&:last-child {
border-right-width: 1px !important;
}
}
.ant-table-content {
.ant-table-body {
overflow-x: auto !important;
> table {
> .ant-table-thead {
> tr {
> th {
.border-right-none();
}
}
}
> .ant-table-tbody {
> tr {
> td {
.border-right-none();
}
}
}
}
}
}
>.ant-table-tbody {
>tr {
>td {
.border-right-none();
.ant-table-fixed-left {
.ant-table-thead {
> tr {
> th {
border-right-width: 0 !important;
}
}
}
.ant-table-tbody {
> tr {
> td {
border-right-width: 0 !important;
}
}
}
}
.ant-table-fixed-right {
.ant-table-fixed {
border-left-width: 0 !important;
}
.ant-table-thead {
> tr {
> th {
.border-right-none();
}
}
}
.ant-table-tbody {
> tr {
> td {
.border-right-none();
}
}
}
}
}
}
}
.ant-table-fixed-left {
.ant-table-thead {
>tr {
>th {
border-right-width: 0 !important;
}
.ant-table-bordered {
> .ant-table-container {
border-top: @border-width-base @border-style-base @table-border-color;
}
}
.ant-table-tbody {
>tr {
>td {
border-right-width: 0 !important;
}
}
}
}
.ant-table-fixed-right {
.ant-table-fixed {
border-left-width: 0 !important;
}
.ant-table-thead {
>tr {
>th {
.border-right-none();
}
}
}
.ant-table-tbody {
>tr {
>td {
.border-right-none();
}
}
}
}
}
.ant-table-bordered {
>.ant-table-container {
border-top: @border-width-base @border-style-base @table-border-color;
}
}
}
.yo-table-actions {
display: inline-block;
display: inline-block;
vertical-align: middle;
vertical-align: middle;
&--inner {
display: flex;
align-items: center;
&--inner {
display: flex;
align-items: center;
height: 18px;
}
height: 18px;
}
}
.yo-table--column-setting {
width: 240px;
width: 240px;
.ant-dropdown-menu-item {
display: flex;
justify-content: space-between;
align-items: center;
}
.ant-dropdown-menu-item {
display: flex;
justify-content: space-between;
align-items: center;
}
.anticon-pushpin {
color: darken(@white, 40%);
transition: @animation-duration-slow;
transform: rotate(45deg);
}
.anticon-pushpin {
color: darken(@white, 40%);
transition: @animation-duration-slow;
transform: rotate(45deg);
}
.yo-table--fixed {
transform: rotate(-45deg);
}
}
.yo-table--fixed {
transform: rotate(-45deg);
}
}
.yo-inner-table {
.ant-table {
.ant-table-tbody {
> .ant-table-expanded-row-level-1 > td {
padding: 0;
border-right: none !important;
.ant-table-wrapper {
border: none;
.ant-table {
margin: 0 !important;
}
.ant-table-container {
border: none;
.ant-table-cell:first-child {
padding-left: 25px;
}
.ant-table-expanded-row-level-1 > td {
border-right: @border-width-base @border-style-base @table-border-color !important;
padding: @padding-sm @padding-xs @padding-sm @padding-xl;
}
}
}
}
}
}
}