mirror of
https://github.com/pebble-dev/clay.git
synced 2026-09-03 07:37:46 -04:00
fix separator visibility on disabled and hidden items
This commit is contained in:
@@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user