router-container class renamed to routes-container

This commit is contained in:
NikolaBorislavovHristov 2019-08-11 19:21:48 +03:00
parent 7c1c7f8d33
commit 99063753e1
3 changed files with 8 additions and 8 deletions

View file

@ -82,7 +82,7 @@ html {
overflow: auto;
}
.router-container {
.routes-container {
width: 100%;
height: 100%;
}

View file

@ -6,7 +6,7 @@ const RoutesContainerProvider = ({ children }) => {
const [container, setContainer] = React.useState(null);
return (
<RoutesContainerContext.Provider value={container}>
<div ref={setContainer} className={'router-container'}>
<div ref={setContainer} className={'routes-container'}>
{container instanceof HTMLElement ? children : null}
</div>
</RoutesContainerContext.Provider>

View file

@ -1,9 +1,9 @@
.router-container {
.routes-container {
position: relative;
z-index: 0;
}
.router-container .route-container {
.routes-container .route-container {
position: absolute;
top: 0;
right: 0;
@ -12,11 +12,11 @@
z-index: 0;
}
.router-container .route-container:not(:last-child) {
.routes-container .route-container:not(:last-child) {
display: none;
}
.router-container .route-container .route-content {
.routes-container .route-container .route-content {
position: absolute;
top: 0;
right: 0;
@ -26,12 +26,12 @@
overflow: hidden;
}
.router-container .route-container .modals-container {
.routes-container .route-container .modals-container {
width: 0;
height: 0;
}
.router-container .route-container .modals-container .modal-container {
.routes-container .route-container .modals-container .modal-container {
position: absolute;
top: 0;
right: 0;