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);
// }
}