This repository has been archived by the owner on Jan 1, 2024. It is now read-only.
Blurring page dimmer #37
Assignees
Labels
Comments
ghost
changed the title
|
I'm going to implement this, have never thought about blurring dimmer |
|
Hi @TheDolo, I faced next issues when I was trying to add blurred dimmer: There are 2 ways to add blurred dimmer:
<SidebarSemanticPusherStyledPatch>
<Dimmer.Dimmable {...dimmerDimmableProps}>
<StyledDimmer {...dimmerProps} />
<Header {...headerProps} />
<MainLayout>
<MainContent>
<MainContainer id="main-container">
{children}
</MainContainer>
</MainContent>
<Footer />
</MainLayout>
</Dimmer.Dimmable>
</SidebarSemanticPusherStyledPatch>Problem: bad performance.
I still try to find the simplest way to add blurred dimmer without a lot of custom code. |
|
I'm closing it, because it's not directly connected to the boilerplate, but mostly to SUIR |
Sign up for free
to subscribe to this conversation on GitHub.
Already have an account?
Sign in.
I'm submitting a ...
Bug Report:
Tried to add Dimmable dimmer to use blurring feature of semantic
{isLoggedIn && !sidebarOpened && <Dimmer.Dimmable dimmed={true}><Dimmer active={true} /></Dimmer.Dimmable>}Doesn't work. Even with a
<StyledDimmerDimmable>with zIndex applied.{isLoggedIn && !sidebarOpened && <Dimmer active={true} />}or with
<StyledDimmer {...dimmerProps}Works
Useful Info:
Your environment:
Other information
(e.g. detailed explanation, stacktraces, related issues, suggestions how to fix, useful links, eg. stackoverflow, gitter, etc)
Spent forever on this :( . Not really part of your scope though! Feel free to close.
The text was updated successfully, but these errors were encountered: