community/device-mgt-core
1
0
Fork 0
mirror of https://repository.entgra.net/community/device-mgt-core.git synced 2025-10-06 02:01:45 +00:00
Code Issues Packages Projects Releases Wiki Activity

Modified Floating button based on Material Design specs.

Browse Source
This commit is contained in:
Menaka Jayawardena 2017-10-05 21:37:09 +05:30
parent 3c83cd9b80
commit 8f1c09f779
2 changed files with 15 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/src/main/resources/publisher/src/components/UIComponents/FloatingButton/FloatingButton.jsx
View File

@ -33,7 +33,9 @@ class FloatingButton extends Component {
let classes = 'btn-circle ' + this.props.className; let classes = 'btn-circle ' + this.props.className;
return ( return (
<div className={classes} onClick={this.handleClick.bind(this)}> <div className={classes} onClick={this.handleClick.bind(this)}>
<div className={classes + " btn-shade"}>
<i className="fw fw-add"></i> <i className="fw fw-add"></i>
</div>
</div> </div>
) )
} }

18
components/application-mgt/org.wso2.carbon.device.application.mgt.publisher.ui/src/main/resources/publisher/src/components/UIComponents/FloatingButton/floatingButton.css
View File

@ -27,8 +27,20 @@
box-shadow: rgba(0, 0, 0, 0.156863) 0px 3px 10px, rgba(0, 0, 0, 0.227451) 0px 3px 10px box-shadow: rgba(0, 0, 0, 0.156863) 0px 3px 10px, rgba(0, 0, 0, 0.227451) 0px 3px 10px
} }
.btn-circle:hover {
cursor: pointer;
}
.btn-shade:focus {
background-color: rgba(0, 0, 0, .12);
}
.btn-circle i { .btn-circle i {
margin-top: 40%; height: 24px;
width: 24px;
font-size: 18px;
padding: 3px;
margin-top: 16px
} }
.small { .small {
@ -40,7 +52,3 @@
height: 100px; height: 100px;
width: 100px; width: 100px;
} }
.primary {
background-color: blue;
}