fix separator visibility on disabled and hidden items

This commit is contained in:
Keegan
2016-03-02 14:02:18 +11:00
parent 011f40ea0d
commit beb623f4fd
+5 -4
View File
@@ -107,7 +107,7 @@ label {
.component { .component {
padding-bottom: $item-spacing-v; padding-bottom: $item-spacing-v;
&.disabled { &.disabled > * {
opacity: 0.25; opacity: 0.25;
pointer-events: none; pointer-events: none;
} }
@@ -130,7 +130,7 @@ label {
padding-bottom: $item-spacing-v; padding-bottom: $item-spacing-v;
} }
&:last-child:after { &:first-child:after {
display: none; display: none;
} }
@@ -139,7 +139,7 @@ label {
background: $color-gray-6; background: $color-gray-6;
display: block; display: block;
position: absolute; position: absolute;
bottom: 0; top: 0;
left: $item-spacing-h / 2; left: $item-spacing-h / 2;
right: $item-spacing-h / 2; right: $item-spacing-h / 2;
height: 1px; height: 1px;
@@ -151,7 +151,8 @@ label {
background: $color-gray-3; background: $color-gray-3;
border-radius: $border-radius $border-radius 0 0; border-radius: $border-radius $border-radius 0 0;
&:after { &:after,
& + .component:after {
display: none; display: none;
} }
} }