Skip to content
This repository has been archived by the owner on Jun 29, 2023. It is now read-only.

fix: calcite-block disabled state doesn't 'hide' slider handle #560 #567

Merged
merged 8 commits into from
Nov 15, 2019

Conversation

driskull
Copy link
Member

Related Issue: #560

fix: calcite-block disabled state doesn't 'hide' slider handle #560

@driskull driskull added bug Something isn't working 1 - assigned labels Nov 15, 2019
@driskull driskull added this to the Eberhardt milestone Nov 15, 2019
@driskull driskull requested a review from jcfranco November 15, 2019 19:31
@driskull driskull requested a review from a team as a code owner November 15, 2019 19:31
@driskull driskull self-assigned this Nov 15, 2019
@driskull
Copy link
Member Author

@jcfranco if this approach sounds good, I can update all the other files that use CalciteScrim

@jcfranco
Copy link
Member

This changes the design slightly by hiding all the content. cc @asangma

Does the shuffling of the slot impact the block's size?

@driskull
Copy link
Member Author

This changes the design slightly by hiding all the content

What do you mean?

Does the shuffling of the slot impact the block's size?

It shouldn't. the div only has positioning of relative and z-index.

@jcfranco
Copy link
Member

Brain fart, never mind. I like this.

Copy link
Member

@jcfranco jcfranco left a 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
Copy link
Member Author

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.

@driskull driskull requested a review from jcfranco November 15, 2019 21:52
@driskull driskull closed this Nov 15, 2019
@driskull driskull reopened this Nov 15, 2019
Copy link
Member

@jcfranco jcfranco left a 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>
Copy link
Member

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?

@driskull driskull merged commit 8d823db into master Nov 15, 2019
@driskull driskull deleted the dris0000/CalciteScrim-handle-zindex branch November 15, 2019 23:56
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
1 - assigned bug Something isn't working
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants