修改表格行选中色、增加表头字体粗细变量

This commit is contained in:
yangchch6 2019-04-02 19:03:12 +08:00
parent 642a02d0e4
commit baa11a4925
11 changed files with 5033 additions and 5727 deletions

View File

@ -133,7 +133,7 @@
.u-table-row-collapsed:after, .u-table-expanded-row-collapsed:after { .u-table-row-collapsed:after, .u-table-expanded-row-collapsed:after {
content: "+"; } content: "+"; }
.u-table-row.selected { .u-table-row.selected {
background: rgb(235, 236, 240); } background: #FFF7E7; }
.u-table tr.u-table-expanded-row { .u-table tr.u-table-expanded-row {
background: #f7f7f7; } background: #f7f7f7; }
.u-table tr.u-table-expanded-row:hover { .u-table tr.u-table-expanded-row:hover {

View File

@ -22,7 +22,7 @@
// @import "../node_modules/bee-datepicker/src/datepicker.scss"; // @import "../node_modules/bee-datepicker/src/datepicker.scss";
.selected{ .selected{
background: rgb(227,242,253); background: #FFF7E7;
} }
.demo25{ .demo25{

File diff suppressed because one or more lines are too long

4
dist/demo.css vendored
View File

@ -136,7 +136,7 @@
.u-table-row-collapsed:after, .u-table-expanded-row-collapsed:after { .u-table-row-collapsed:after, .u-table-expanded-row-collapsed:after {
content: "+"; } content: "+"; }
.u-table-row.selected { .u-table-row.selected {
background: rgb(235, 236, 240); } background: #FFF7E7; }
.u-table tr.u-table-expanded-row { .u-table tr.u-table-expanded-row {
background: #f7f7f7; } background: #f7f7f7; }
.u-table tr.u-table-expanded-row:hover { .u-table tr.u-table-expanded-row:hover {
@ -553,7 +553,7 @@
display: none; } display: none; }
.selected { .selected {
background: #e3f2fd; } background: #FFF7E7; }
.demo25 { .demo25 {
height: 100%; } height: 100%; }

2
dist/demo.css.map vendored

File diff suppressed because one or more lines are too long

8909
dist/demo.js vendored

File diff suppressed because one or more lines are too long

2
dist/demo.js.map vendored

File diff suppressed because one or more lines are too long

View File

@ -16,6 +16,7 @@ $horizontal-padding: 8px;
$table-hover-color: #E7F2FC; $table-hover-color: #E7F2FC;
$table-move-in-color: $bg-color-base; $table-move-in-color: $bg-color-base;
$checkbox-height:16px; $checkbox-height:16px;
$table-head-font-weight: normal;
.u-table { .u-table {
font-size: $font-size-base; font-size: $font-size-base;
color: $text-color; color: $text-color;
@ -44,7 +45,7 @@ $checkbox-height:16px;
th { th {
// background: $table-head-background-color; // background: $table-head-background-color;
font-weight: normal; font-weight: $table-head-font-weight;
text-align: left; text-align: left;
// transition: background 0.3s ease; // transition: background 0.3s ease;
&[colspan] { &[colspan] {
@ -240,7 +241,7 @@ $checkbox-height:16px;
} }
&-row{ &-row{
&.selected{ &.selected{
background: $hover-bg-color-base; background: #FFF7E7;
} }
} }
tr.u-table-expanded-row { tr.u-table-expanded-row {