YourWishes/domsPlace
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fixed z-ordering issue

Browse Source
This commit is contained in:
Dominic Masters
2018-03-13 05:28:05 +11:00
parent 63ca25d153
commit 9e0350322b
6 changed files with 11 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
public/components/navigation/Menu.jsx
View File

@ -87,10 +87,10 @@ class Menu extends React.Component {
for(var x = 0; x < sKeys.length; x++) { for(var x = 0; x < sKeys.length; x++) {
let sKey = sKeys[x]; let sKey = sKeys[x];
console.log(sKey); console.log(sKey);
menuItems.push(<MenuItem to={MenuItems[k][sKey]} onClick={this.closeMenu.bind(this)}>{Language.get(sKey)}</MenuItem>) menuItems.push(<MenuItem to={MenuItems[k][sKey]} onClick={this.closeMenu.bind(this)} key={x+"-"+i}>{Language.get(sKey)}</MenuItem>)
} }
menu.push( menu.push(
<MenuGroup title={Language.get(k)}> <MenuGroup title={Language.get(k)} key={i}>
{menuItems} {menuItems}
</MenuGroup> </MenuGroup>
); );

2
public/components/pages/TestAboutPage.jsx
View File

@ -25,7 +25,7 @@ class TestAboutPage extends React.Component {
render() { render() {
return ( return (
<Page> <Page className="c-page--style-about">
About About
</Page> </Page>
) )

BIN
public/images/dotted_bg_yellow.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 171 B

After

Width:  |  Height:  |  Size: 209 B

5
public/styles/components/_page--style-about.scss
View File

@ -10,6 +10,11 @@
* Version: * Version:
* 1.0.0 - 2018/03/11 * 1.0.0 - 2018/03/11
*/ */
.c-page--style-about {
background: url('./../images/dotted_bg_yellow.png');
background-size: 16px 16px;
}
.c-page--style-about__profile-container { .c-page--style-about__profile-container {
margin-bottom: 5em; margin-bottom: 5em;
} }

2
public/styles/components/_section--style-three.scss
View File

@ -11,7 +11,7 @@
.c-section--style-three { .c-section--style-three {
height: 60vmin; height: 60vmin;
position: relative; position: relative;
z-index: -1; z-index: 0;
overflow-y: visible; overflow-y: visible;
} }

2
public/styles/components/_section.scss
View File

@ -13,6 +13,8 @@
width: 100%; width: 100%;
display: block; display: block;
max-width: $s-layout--page-max; max-width: $s-layout--page-max;
z-index: 1;
position:relative;
} }
.c-section--full-width { .c-section--full-width {