Various UI Fixes and Updates

Closes #188
Closes #185
Closes #187
This commit is contained in:
Qstick 2018-01-25 22:01:53 -05:00
parent 3beac03c00
commit 54e9f88648
89 changed files with 2354 additions and 995 deletions

View file

@ -98,7 +98,7 @@ class ClipboardButton extends Component {
className={styles.button}
{...otherProps}
>
<span className={showStateIcon && styles.showStateIcon}>
<span className={showStateIcon ? styles.showStateIcon : undefined}>
{
showSuccess &&
<span className={styles.stateIconContainer}>

View file

@ -41,7 +41,8 @@ IconButton.propTypes = {
};
IconButton.defaultProps = {
className: styles.button
className: styles.button,
size: 12
};
export default IconButton;

View file

@ -47,13 +47,13 @@ class Link extends Component {
el = 'a';
linkProps.href = to;
linkProps.target = target || '_self';
} else if (to.startsWith(window.Sonarr.urlBase)) {
} else if (to.startsWith(window.Lidarr.urlBase)) {
el = RouterLink;
linkProps.to = to;
linkProps.target = target;
} else {
el = RouterLink;
linkProps.to = `${window.Sonarr.urlBase}/${to.replace(/^\//, '')}`;
linkProps.to = `${window.Lidarr.urlBase}/${to.replace(/^\//, '')}`;
linkProps.target = target;
}
}

View file

@ -32,6 +32,6 @@
.label {
left: 100%;
opacity: 0;
visibility: hidden;
}
}

View file

@ -129,7 +129,7 @@ class SpinnerErrorButton extends Component {
isSpinning={isSpinning}
{...otherProps}
>
<span className={showIcon && styles.showIcon}>
<span className={showIcon ? styles.showIcon : undefined}>
{
showIcon &&
<span className={styles.iconContainer}>

View file

@ -16,6 +16,7 @@ function SpinnerIconButton(props) {
<IconButton
name={isSpinning ? (spinningName || name) : name}
isDisabled={isDisabled || isSpinning}
isSpinning={isSpinning}
{...otherProps}
/>
);