-
Notifications
You must be signed in to change notification settings - Fork 11
fix: calcite-block disabled state doesn't 'hide' slider handle #560 #567
Conversation
@jcfranco if this approach sounds good, I can update all the other files that use |
This changes the design slightly by hiding all the content. cc @asangma Does the shuffling of the slot impact the block's size? |
What do you mean?
It shouldn't. the div only has positioning of relative and z-index. |
Brain fart, never mind. I like this. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
👍 Thanks!
}; | ||
|
||
export const CalciteScrim: FunctionalComponent<ScrimProps> = ({ loading, disabled }, children) => | ||
disabled || loading |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
moved this into the functional component because it was repetitive throughout the other components. It won't return anything if its not disabled or loading.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
💥
@@ -215,7 +209,7 @@ export class CalcitePanel { | |||
{this.renderContent()} | |||
{this.renderFooter()} | |||
</article> | |||
{this.renderScrim()} | |||
<CalciteScrim loading={loading} disabled={disabled}></CalciteScrim> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Can you self-close childless tags?
Related Issue: #560
fix: calcite-block disabled state doesn't 'hide' slider handle #560