LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

Buttons no longer tall

Browse source
This commit is contained in:
SleepingFox 2020-04-10 20:24:23 -04:00 committed by Sean Yesmunt
parent a7990e5bab
commit a63d850744
1 changed files with 26 additions and 17 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

43
ui/component/button/view.jsx
View file

@ -91,34 +91,43 @@ const Button = forwardRef<any, {}>((props: Props, ref: any) => {
const size = iconSize || (!label && !children) ? 18 : undefined; // Fall back to default const size = iconSize || (!label && !children) ? 18 : undefined; // Fall back to default
const content = ( const content = (
<div className="button__content" style={{ border: `1px solid white` }}> <span className="button__content" style={{ border: `1px solid green` }}>
{/* style={{ border: `1px solid white` }} */} {icon && <Icon icon={icon} iconColor={iconColor} size={size} />}
<div style={{ border: `1px solid green` }}>
{icon && <Icon icon={icon} iconColor={iconColor} size={iconSize} />} {label && (
</div> <div style={{ position: 'relative', border: `1px solid red`, padding: 0, margin: 0, float: 'left' }}>
{ <div
<div style={{ border: `1px solid blue` }}> style={{
<span style={{ visibility: 'hidden' }}> position: 'relative',
{largestLabel || label} left: '50%',
{label && ( top: '50%',
// <div style={{ position: 'absolute', left: 0, right: 0, bottom: 0, top: 0, margin: 'auto' }}> transform: `translate(-50%, 0%)`,
border: `1px solid white`,
padding: 0,
margin: 0,
}}
>
<span style={{ visibility: 'hidden' }}>
{largestLabel || label}
<div <div
style={{ style={{
position: 'relative', position: 'absolute',
left: '50%', left: '50%',
right: '50%', top: '50%',
transform: `translate(-50%, -50%)`, transform: `translate(-50%, -50%)`,
border: `1px solid red`, visibility: 'visible',
border: `1px solid blue`,
}} }}
> >
<span className="button__label" style={{ visibility: 'visible' }}> <span className="button__label" style={{ visibility: 'visible' }}>
{label} {label}
</span> </span>
</div> </div>
)} </span>
</span> </div>
</div> </div>
} )}
{children && children} {children && children}
{iconRight && <Icon icon={iconRight} iconColor={iconColor} size={size} />} {iconRight && <Icon icon={iconRight} iconColor={iconColor} size={size} />}
</span> </span>