|
|
@ -14,6 +14,7 @@ function ModifierButton(props) {
|
|
|
|
margin="0 8px 0 0"
|
|
|
|
margin="0 8px 0 0"
|
|
|
|
style={{ borderBottom: `1px solid ${props.selected ? 'white' : 'transparent'}` }}
|
|
|
|
style={{ borderBottom: `1px solid ${props.selected ? 'white' : 'transparent'}` }}
|
|
|
|
onClick={props.onClick}
|
|
|
|
onClick={props.onClick}
|
|
|
|
|
|
|
|
color={props.color}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
{props.children}
|
|
|
|
{props.children}
|
|
|
|
</Button>
|
|
|
|
</Button>
|
|
|
@ -79,6 +80,7 @@ function SelectionEditor({ onChange }) {
|
|
|
|
<ModifierButton
|
|
|
|
<ModifierButton
|
|
|
|
selected={state.underline}
|
|
|
|
selected={state.underline}
|
|
|
|
onClick={() => dispatch({ type: 'UNDERLINE' })}
|
|
|
|
onClick={() => dispatch({ type: 'UNDERLINE' })}
|
|
|
|
|
|
|
|
color={state.underline === 2 ? COLORS.RED : undefined}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
<u>U</u>
|
|
|
|
<u>U</u>
|
|
|
|
</ModifierButton>
|
|
|
|
</ModifierButton>
|
|
|
|