Remove system icon and panel button
This commit is contained in:
John Lyon-Smith
@@ -31,7 +31,6 @@ export class Icon extends Component {
|
|||||||
logout: require("./icons/logout.svg"),
|
logout: require("./icons/logout.svg"),
|
||||||
profile: require("./icons/profile.svg"),
|
profile: require("./icons/profile.svg"),
|
||||||
placeholder: require("./icons/placeholder.svg"),
|
placeholder: require("./icons/placeholder.svg"),
|
||||||
system: require("./icons/system.svg"),
|
|
||||||
thumb: require("./icons/thumb.svg"),
|
thumb: require("./icons/thumb.svg"),
|
||||||
team: require("./icons/team.svg"),
|
team: require("./icons/team.svg"),
|
||||||
teams: require("./icons/teams.svg"),
|
teams: require("./icons/teams.svg"),
|
||||||
|
|||||||
@@ -1,65 +0,0 @@
|
|||||||
import Radium from 'radium'
|
|
||||||
import PropTypes from 'prop-types'
|
|
||||||
import React, { Component } from 'react'
|
|
||||||
import { Icon } from '.'
|
|
||||||
import { sizeInfo, fontInfo, colorInfo } from 'ui/style'
|
|
||||||
|
|
||||||
@Radium
|
|
||||||
export class PanelButton extends Component {
|
|
||||||
static propTypes = {
|
|
||||||
onClick: PropTypes.func,
|
|
||||||
icon: PropTypes.string.isRequired,
|
|
||||||
text: PropTypes.string.isRequired,
|
|
||||||
}
|
|
||||||
|
|
||||||
static style = {
|
|
||||||
button: {
|
|
||||||
borderWidth: sizeInfo.panelButtonBorderWidth,
|
|
||||||
borderRadius: sizeInfo.panelButtonBorderRadius,
|
|
||||||
padding: '0 0 0 0',
|
|
||||||
background: colorInfo.panelButtonBackground,
|
|
||||||
verticalAlign: 'middle',
|
|
||||||
outline: 'none',
|
|
||||||
':hover': {
|
|
||||||
background: colorInfo.panelButtonBackgroundHover,
|
|
||||||
},
|
|
||||||
':disabled': {
|
|
||||||
background: colorInfo.panelDisabledButtonBackground,
|
|
||||||
},
|
|
||||||
':active': {
|
|
||||||
borderWidth: 0,
|
|
||||||
background: colorInfo.panelButtonBackgroundActive,
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
render() {
|
|
||||||
const { onClick, icon, text } = this.props
|
|
||||||
|
|
||||||
return (
|
|
||||||
<button type='button'
|
|
||||||
style={[
|
|
||||||
PanelButton.style.button, { height: sizeInfo.panelButton, width: sizeInfo.panelButton }
|
|
||||||
]}
|
|
||||||
onClick={onClick}>
|
|
||||||
<div style={{ position: 'relative' }}>
|
|
||||||
<Icon
|
|
||||||
name={icon} size={sizeInfo.panelButtonIcon}
|
|
||||||
margin={sizeInfo.panelButtonIconMargin}
|
|
||||||
style={{ position: 'relative', top: sizeInfo.panelButtonIconOffset }} />
|
|
||||||
<span style={{
|
|
||||||
position: 'absolute',
|
|
||||||
top: sizeInfo.panelButtonTextOffset,
|
|
||||||
left: 0,
|
|
||||||
display: 'block',
|
|
||||||
fontSize: fontInfo.size.huge,
|
|
||||||
fontFamily: fontInfo.family,
|
|
||||||
color: fontInfo.color.text,
|
|
||||||
textAlign: 'center',
|
|
||||||
width: '100%',
|
|
||||||
}}>{text}</span>
|
|
||||||
</div>
|
|
||||||
</button>
|
|
||||||
)
|
|
||||||
}
|
|
||||||
}
|
|
||||||
@@ -1,18 +0,0 @@
|
|||||||
<?xml version="1.0" encoding="UTF-8"?>
|
|
||||||
<svg width="240px" height="240px" viewBox="0 0 240 240" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
|
||||||
<!-- Generator: Sketch 49 (51002) - http://www.bohemiancoding.com/sketch -->
|
|
||||||
<title>system</title>
|
|
||||||
<desc>Created with Sketch.</desc>
|
|
||||||
<defs></defs>
|
|
||||||
<g id="Login" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
|
||||||
<g id="Home" transform="translate(-905.000000, -108.000000)" fill="#000000" fill-rule="nonzero">
|
|
||||||
<g id="System" transform="translate(870.000000, 94.000000)">
|
|
||||||
<g id="settings" transform="translate(35.000000, 14.000000)">
|
|
||||||
<path d="M101.074434,139.158895 C101.074434,140.19171 101.889968,141 102.932039,141 C103.97411,141 104.789644,140.19171 104.789644,139.158895 L104.789644,102.696028 C107.779935,101.887737 110,99.193437 110,95.9602763 C110,92.1433506 106.873786,89 102.977346,89 C99.0809061,89 96,92.1433506 96,95.9602763 C96,99.148532 98.1747573,101.842832 101.119741,102.651123 L101.119741,139.158895 L101.074434,139.158895 Z M99.6245955,95.9602763 C99.6245955,94.164076 101.119741,92.6822107 102.932039,92.6822107 C104.744337,92.6822107 106.239482,94.164076 106.239482,95.9602763 C106.239482,97.7564767 104.744337,99.238342 102.932039,99.238342 C101.119741,99.238342 99.6245955,97.7564767 99.6245955,95.9602763 Z" id="Shape"></path>
|
|
||||||
<path d="M122.954839,89 C121.916129,89 121.103226,89.8075928 121.103226,90.8395168 L121.103226,109.77308 C118.167742,110.580673 116,113.272649 116,116.458154 C116,119.643658 118.167742,122.335634 121.103226,123.143227 L121.103226,139.160483 C121.103226,140.192407 121.916129,141 122.954839,141 C123.993548,141 124.806452,140.192407 124.806452,139.160483 L124.806452,123.143227 C127.787097,122.335634 130,119.643658 130,116.413287 C130,113.182916 127.787097,110.49094 124.806452,109.683348 L124.806452,90.8395168 C124.806452,89.8075928 123.993548,89 122.954839,89 Z M126.341935,116.458154 C126.341935,118.252804 124.851613,119.733391 123.045161,119.733391 C121.23871,119.733391 119.748387,118.252804 119.748387,116.458154 C119.748387,114.663503 121.23871,113.182916 123.045161,113.182916 C124.851613,113.182916 126.341935,114.618637 126.341935,116.458154 Z" id="Shape"></path>
|
|
||||||
<path d="M142.851184,127.348877 L142.851184,90.8411054 C142.851184,89.8082902 142.03832,89 140.999661,89 C139.961001,89 139.148137,89.8082902 139.148137,90.8411054 L139.148137,127.348877 C136.167637,128.157168 134,130.851468 134,134.039724 C134,137.856649 137.115978,141 140.999661,141 C144.883343,141 147.999321,137.901554 147.999321,134.039724 C148.04448,130.851468 145.831684,128.157168 142.851184,127.348877 Z M141.04482,137.317789 C139.238456,137.317789 137.748205,135.835924 137.748205,134.039724 C137.748205,132.243523 139.238456,130.761658 141.04482,130.761658 C142.851184,130.761658 144.341434,132.243523 144.341434,134.039724 C144.341434,135.835924 142.851184,137.317789 141.04482,137.317789 Z" id="Shape"></path>
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
</g>
|
|
||||||
</svg>
|
|
||||||
|
Before Width: | Height: | Size: 3.1 KiB |
@@ -4,7 +4,6 @@ export { Button } from "./Button"
|
|||||||
export { FormIconButton } from "./FormIconButton"
|
export { FormIconButton } from "./FormIconButton"
|
||||||
export { Header } from "./Header"
|
export { Header } from "./Header"
|
||||||
export { Footer } from "./Footer"
|
export { Footer } from "./Footer"
|
||||||
export { PanelButton } from "./PanelButton"
|
|
||||||
export { Checkbox } from "./Checkbox"
|
export { Checkbox } from "./Checkbox"
|
||||||
export { Input } from "./Input"
|
export { Input } from "./Input"
|
||||||
export { Image } from "./Image"
|
export { Image } from "./Image"
|
||||||
|
|||||||
Reference in New Issue
Block a user