on master help sign in
ui: style tooltip font size
d19b091tomholford
src/components/CopyButtonWide.tsx+1−1
@@ -8,7 +8,7 @@ export function CopyButtonWide({ text, children, ...rest }) {
8 return (
8 return (
9 <WithTooltip
9 <WithTooltip
10 content={didCopy ? 'Copied!' : 'Copy'}
10 content={didCopy ? 'Copied!' : 'Copy'}
11− className={'rel full nowrap'}
11+ className={'rel full nowrap copy-button-wide'}
12 position={TooltipPosition.TopRight}>
12 position={TooltipPosition.TopRight}>
13 <BaseCopyButton as="span" onClick={doCopy} text={text} {...rest}>
13 <BaseCopyButton as="span" onClick={doCopy} text={text} {...rest}>
14 {children}
14 {children}
src/components/WithTooltip.tsx+1−1
@@ -43,7 +43,7 @@ export default function WithTooltip({
43 {children}
43 {children}
44 {isHovered && (
44 {isHovered && (
45 <div
45 <div
46− className="abs mb1 bg-black white ph4 pv2 r4"
46+ className="abs mb1 bg-black white ph4 pv2 r4 open-tooltip"
47 style={positionStyle}>
47 style={positionStyle}>
48 {content}
48 {content}
49 </div>
49 </div>
src/style/bridge.scss+6
@@ -22,3 +22,9 @@ span.circular-icon-bg {
22 margin-right: 8px;
22 margin-right: 8px;
23 border-radius: 50%;
23 border-radius: 50%;
24}
24}
25+
26+div.copy-button-wide {
27+ .open-tooltip {
28+ font-size: 0.75rem;
29+ }
30+}