|
|
@@ -17,7 +17,7 @@
|
|
|
*/
|
|
|
|
|
|
$border-color: #d6d8db;
|
|
|
-$bg-color: #FFF;
|
|
|
+$bg-color: #fff;
|
|
|
|
|
|
.ellipsis-on-overflow {
|
|
|
white-space: nowrap;
|
|
|
@@ -29,16 +29,13 @@ $bg-color: #FFF;
|
|
|
border: 1px solid $border-color;
|
|
|
border-radius: 5px;
|
|
|
padding: 5px;
|
|
|
-
|
|
|
- box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05) inset, 0px 0px 8px rgba(0, 0, 0, 0.15);
|
|
|
-
|
|
|
- background-color: #EFEFEF;
|
|
|
+ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(0, 0, 0, 0.15);
|
|
|
+ background-color: #efefef;
|
|
|
|
|
|
.db-name {
|
|
|
color: rgb(5, 5, 5);
|
|
|
font-size: 0.8em;
|
|
|
text-align: center;
|
|
|
-
|
|
|
margin-bottom: -5px;
|
|
|
|
|
|
@extend .ellipsis-on-overflow;
|
|
|
@@ -58,23 +55,25 @@ $bg-color: #FFF;
|
|
|
.columns-container {
|
|
|
padding: 0 10px;
|
|
|
|
|
|
- .column-entity, .grouped-columns {
|
|
|
+ .column-entity,
|
|
|
+ .grouped-columns {
|
|
|
padding: 5px;
|
|
|
text-align: center;
|
|
|
background-color: $bg-color;
|
|
|
-
|
|
|
border: 1px solid $border-color;
|
|
|
border-radius: 5px;
|
|
|
margin: 5px 0;
|
|
|
-
|
|
|
position: relative;
|
|
|
|
|
|
@extend .ellipsis-on-overflow;
|
|
|
}
|
|
|
|
|
|
.grouped-columns {
|
|
|
- box-shadow: -2px -2px 0 rgba($bg-color, 0.95), -3px -3px 0 rgba($border-color, 0.95),
|
|
|
- -5px -5px 0 rgba($bg-color, 0.7), -6px -6px 0 rgba($border-color, 0.7);
|
|
|
+ box-shadow:
|
|
|
+ -2px -2px 0 rgba($bg-color, 0.95),
|
|
|
+ -3px -3px 0 rgba($border-color, 0.95),
|
|
|
+ -5px -5px 0 rgba($bg-color, 0.7),
|
|
|
+ -6px -6px 0 rgba($border-color, 0.7);
|
|
|
margin-left: 7px;
|
|
|
margin-top: 10px;
|
|
|
}
|