Add custom tag by foucs.jsx.

This commit is contained in:
Kenshin 2017-01-03 17:47:08 +08:00
parent b8f8f43da4
commit a338eb015e
2 changed files with 5 additions and 5 deletions

View File

@ -214,7 +214,7 @@ sr-dialog sr-dialog-control[type="cancel"]:hover {
/**
* Option: Focus mode
*/
.ks-simpread-option-focus {
sr-opt-focus {
display: -webkit-flex;
flex-direction:column;
@ -224,8 +224,8 @@ sr-dialog sr-dialog-control[type="cancel"]:hover {
font-size: 20px;
}
.ks-simpread-option-focus input,
.ks-simpread-option-focus textarea
sr-opt-focus input,
sr-opt-focus textarea
{
color: #9e9e9e;
}

View File

@ -98,7 +98,7 @@ export default class FocusOpt extends React.Component {
render() {
return (
<div className="ks-simpread-option-focus">
<sr-opt-focus>
<div className="ks-simpread-option-focus-container">
<span>主题色</span>
<ul className="ks-simpread-option-focus-theme" onClick={ ()=> this.changeBgColor() }>
@ -132,7 +132,7 @@ export default class FocusOpt extends React.Component {
<input ref="include" type="text" placeholder="默认为空,自动选择高亮区域。" onChange={ ()=>this.changeInclude() } />
</div>
</div>
</div>
</sr-opt-focus>
)
}
}