Skip to content

Commit

Permalink
Styles much better
Browse files Browse the repository at this point in the history
  • Loading branch information
soyjavi committed Nov 4, 2015
1 parent f626716 commit 5c1489a
Show file tree
Hide file tree
Showing 2 changed files with 10 additions and 22 deletions.
7 changes: 3 additions & 4 deletions components/table/_config.scss
Original file line number Diff line number Diff line change
@@ -1,6 +1,5 @@
$table-row-height: 48px;
$table-row-divider: solid 1px $color-divider;
$table-row-divider: solid 1px rgba(0,0,0,.12);
$table-row-offset: 1.8 * $unit;
$table-text-color: rgba(0, 0, 0, 0.541176);
$table-change-icon-size: 0.8 * $unit;
$table-change-icon-color: unquote("rgb(#{$color-primary-dark})") !default;
$table-row-highlight: #eee;
$table-text-color: #757575;
25 changes: 7 additions & 18 deletions components/table/style.scss
Original file line number Diff line number Diff line change
Expand Up @@ -4,15 +4,13 @@
.root {
width: 100%;
font-size: $font-size-tiny;
color: $color-text;
color: $table-text-color;
text-align: left;
tr {
height: $table-row-height;
line-height: $table-row-height;
border-bottom: $table-row-divider;
&:hover {
background-color: $color-divider;
}

}
th {
font-weight: $font-weight-bold;
Expand All @@ -27,6 +25,10 @@
}

.row {
transition: background-color $animation-duration $animation-curve-default;
&:hover {
background-color: $table-row-highlight;
}
&:last-child {
border-color: transparent;
}
Expand All @@ -45,18 +47,5 @@
}

.changed {
td:first-child:before {
position: absolute;
top: ($table-row-height / 2.5);
left: ($table-row-height / 10);
width: $table-change-icon-size;
height: $table-change-icon-size;
font-size: 50%;
line-height: $font-size-small;
background-color: $table-change-icon-color;
color: white;
text-align: center;
content: " ";
border-radius: 50%;
}
// @TODO: We've to create a style for changed rows.
}

0 comments on commit 5c1489a

Please sign in to comment.