Browse Source

fix(loading-channels): fix loadingchannels messed up styles

renovate/lint-staged-8.x
Jack Mallers 7 years ago
parent
commit
dd284550eb
  1. 10
      app/components/Contacts/Network.js
  2. 8
      app/components/Contacts/Network.scss

10
app/components/Contacts/Network.js

@ -189,10 +189,12 @@ class Network extends Component {
return (
<li key={loadingPubkey} className={styles.channel}>
<span>{nodeDisplay()}</span>
<span className={`${styles.loading} hint--left`} data-hint='loading'>
<i className={styles.spinner} />
</span>
<section className={styles.channelTitle}>
<span className={`${styles.loading} hint--left`} data-hint='loading'>
<i className={styles.spinner} />
</span>
<span>{nodeDisplay()}</span>
</section>
</li>
)
})

8
app/components/Contacts/Network.scss

@ -333,8 +333,12 @@
}
}
.loading i {
vertical-align: top;
.loading {
margin-right: 5px;
i {
vertical-align: top;
}
&:nth-child(1) {
margin-right: 5px;

Loading…
Cancel
Save