public/homebrewery
1
0
Fork 0
mirror of https://github.com/stolksdorf/homebrewery.git synced 2025-12-20 17:31:28 +00:00
Code Issues Releases Wiki Activity

styling for the new save current button done

Browse Source
This commit is contained in:
Scott Tolksdorf
2016-05-24 22:22:29 -04:00
parent 56bb0e0ad8
commit 5a1041cbb3
2 changed files with 116 additions and 90 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
client/homebrew/pages/homePage/homePage.jsx
View File

@@ -60,6 +60,10 @@ var HomePage = React.createClass({
</SplitPane> </SplitPane>
</div> </div>
<div className={cx('floatingSaveButton', {show : this.props.welcomeText != this.state.text})}>
Save current <i className='fa fa-save' />
</div>
<a href='/homebrew/new' className='floatingNewButton'> <a href='/homebrew/new' className='floatingNewButton'>
Create your own <i className='fa fa-magic' /> Create your own <i className='fa fa-magic' />
</a> </a>

24
client/homebrew/pages/homePage/homePage.less
View File

@@ -1,4 +1,3 @@
.homePage{ .homePage{
position : relative; position : relative;
a.floatingNewButton{ a.floatingNewButton{
@@ -8,6 +7,7 @@
right : 70px; right : 70px;
bottom : 70px; bottom : 70px;
z-index : 100; z-index : 100;
z-index : 5001;
padding : 1em; padding : 1em;
background-color : @orange; background-color : @orange;
font-size : 1.5em; font-size : 1.5em;
@@ -18,4 +18,26 @@
background-color : darken(@orange, 20%); background-color : darken(@orange, 20%);
} }
} }
.floatingSaveButton{
.animateAll();
position : absolute;
display : block;
right : 200px;
bottom : 90px;
z-index : 100;
z-index : 5000;
padding : 0.8em;
cursor : pointer;
background-color : @blue;
font-size : 0.8em;
color : white;
text-decoration : none;
box-shadow : 3px 3px 15px black;
&:hover{
background-color : darken(@blue, 20%);
}
&.show{
right : 350px;
}
}
} }