mirror of
https://github.com/alibaba/lowcode-engine.git
synced 2026-03-01 22:10:27 +00:00
157 lines
3.5 KiB
SCSS
157 lines
3.5 KiB
SCSS
@mixin table-border-rtl($border-width) {
|
|
table {
|
|
tr td:first-child,
|
|
tr th:first-child {
|
|
// border-left-width: $border-width;
|
|
border-left-width: 0;
|
|
border-right-width: $border-width;
|
|
}
|
|
}
|
|
#{$table-prefix}-header {
|
|
th {
|
|
border-top-width: $border-width;
|
|
}
|
|
tr th:last-child {
|
|
border-left-width: $border-width;
|
|
border-right-width: 0;
|
|
// border-right-width: $border-width;
|
|
}
|
|
}
|
|
#{$table-prefix}-body {
|
|
td {
|
|
border-top-width: $border-width;
|
|
}
|
|
tr:last-child td {
|
|
border-bottom-width: $border-width;
|
|
}
|
|
tr td:last-child {
|
|
border-left-width: $border-width;
|
|
border-right-width: 0;
|
|
// border-right-width: $border-width;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
#{$table-prefix}[dir="rtl"] {
|
|
th {
|
|
text-align: right;
|
|
}
|
|
|
|
#{$table-prefix}-header-resizable {
|
|
#{$table-prefix}-resize-handler {
|
|
right: auto;
|
|
left: 0;
|
|
}
|
|
}
|
|
td {
|
|
#{$table-prefix}-cell-wrapper {
|
|
.#{$css-prefix}icon-arrow-down.#{$css-prefix}table-tree-arrow,
|
|
.#{$css-prefix}icon-arrow-right.#{$css-prefix}table-tree-arrow,
|
|
#{$table-prefix}-tree-placeholder {
|
|
margin-left: 3px;
|
|
margin-right: 0;
|
|
float: right;
|
|
}
|
|
}
|
|
}
|
|
|
|
#{$table-prefix}-expanded-row {
|
|
td {
|
|
&:first-child {
|
|
border-left-width: 0;
|
|
border-right-width: 1px;
|
|
}
|
|
&:last-child {
|
|
border-left-width: 1px;
|
|
border-right-width: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
&.only-bottom-border {
|
|
#{$table-prefix}-expanded-row {
|
|
th {
|
|
border-width: 0 0 $table-normal-border-width 0;
|
|
}
|
|
td {
|
|
border-width: 0 0 $table-normal-border-width 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
#{$table-prefix}-filter-footer {
|
|
button {
|
|
margin-left: 5px;
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
|
|
#{$table-prefix}-lock-left,
|
|
#{$table-prefix}-lock-right {
|
|
left: auto;
|
|
right: 0;
|
|
}
|
|
|
|
#{$table-prefix}-lock-right {
|
|
right: auto;
|
|
left: 0;
|
|
table tr td:first-child,
|
|
table tr th:first-child {
|
|
border-right-width: 1px;
|
|
}
|
|
&.shadow {
|
|
box-shadow: 2px 0 3px rgba(0, 0, 0, .12);
|
|
}
|
|
}
|
|
|
|
#{$table-prefix}-lock-left {
|
|
&.shadow {
|
|
box-shadow: -2px 0 3px rgba(0, 0, 0, .12);
|
|
}
|
|
}
|
|
|
|
#{$table-prefix}-sort {
|
|
.#{$css-prefix}icon {
|
|
right: 0;
|
|
left: auto;
|
|
}
|
|
.#{$css-prefix}icon-ascending {
|
|
right: 4px;
|
|
left: auto;
|
|
}
|
|
}
|
|
|
|
#{$table-prefix}-filter {
|
|
margin-right: 5px;
|
|
margin-left: 0;
|
|
}
|
|
}
|
|
|
|
#{$table-prefix}-fixed[dir="rtl"] {
|
|
|
|
table {
|
|
tr td:first-child,
|
|
tr th:first-child {
|
|
border-left-width: $table-normal-border-width;
|
|
border-right-width: 0;
|
|
}
|
|
}
|
|
#{$table-prefix}-header {
|
|
tr th:last-child {
|
|
border-left-width: $table-normal-border-width;
|
|
}
|
|
}
|
|
#{$table-prefix}-body {
|
|
tr td:last-child {
|
|
border-left-width: $table-normal-border-width;
|
|
}
|
|
}
|
|
|
|
// @include table-border-rtl(0);
|
|
// &#{$table-prefix}-group {
|
|
// @include table-border-rtl($table-normal-border-width);
|
|
// }
|
|
}
|