Web: Components: increased help-button click size
This commit is contained in:
parent
3461dc1152
commit
3b091a0ef7
@ -28,8 +28,7 @@ function getHorizontalCss(labelWidth) {
|
||||
}
|
||||
.icon-button {
|
||||
position: relative;
|
||||
line-height: 24px;
|
||||
margin: 2px 0 0 4px;
|
||||
margin-top: 1px;
|
||||
}
|
||||
`;
|
||||
}
|
||||
@ -56,7 +55,7 @@ function getVerticalCss() {
|
||||
.icon-button {
|
||||
position: relative;
|
||||
line-height: unset;
|
||||
margin: -4px 0 0 4px;
|
||||
margin-top: -12px;
|
||||
}
|
||||
`;
|
||||
}
|
||||
|
@ -11,6 +11,12 @@ import Heading from "../heading";
|
||||
import throttle from "lodash/throttle";
|
||||
import styled from "styled-components";
|
||||
|
||||
const HelpContainer = styled.div`
|
||||
.help-icon {
|
||||
padding: 8px;
|
||||
}
|
||||
`;
|
||||
|
||||
const Content = styled.div`
|
||||
position: relative;
|
||||
width: 100%;
|
||||
@ -136,10 +142,10 @@ class HelpButton extends React.Component {
|
||||
} = this.props;
|
||||
|
||||
return (
|
||||
<div ref={this.ref} style={style}>
|
||||
<HelpContainer ref={this.ref} style={style}>
|
||||
<IconButton
|
||||
id={this.id}
|
||||
className={className}
|
||||
className={`${className} help-icon`}
|
||||
isClickable={true}
|
||||
iconName={iconName}
|
||||
size={13}
|
||||
@ -196,7 +202,7 @@ class HelpButton extends React.Component {
|
||||
</Aside>
|
||||
</>
|
||||
)}
|
||||
</div>
|
||||
</HelpContainer>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
Loading…
Reference in New Issue
Block a user