MyCrypto/common/components/BalanceSidebar/EquivalentValues.scss
William O'Beirne 4f6e83acf4 Better Offline UX (#785)
* Check offline status immediately.

* If they start the page offline, show a less severe error message.

* Get rid of offline aware header. Disable wallet options when offline.

* Add online indicator to the header.

* Prevent some components from render, some requests from firing when offline.

* Allow for array of elements with typing.

* Dont show dollars in fee summary when offline.

* Fix up saga tests.

* Fix sidebar component offline styles.

* Remove force offline.

* Dont request rates if offline.

* Nonce in advanced, show even of online.

* Show invalid advanced props.

* Fix up offline poll tests.
2018-01-11 12:04:11 -06:00

49 lines
776 B
SCSS

@import 'common/sass/variables';
@import 'common/sass/mixins';
.EquivalentValues {
&-title {
margin-top: 0;
margin-bottom: $space;
}
&-values {
list-style: none;
padding: 0;
@include clearfix;
&-currency {
float: left;
width: 50%;
margin-bottom: $space-xs;
&:nth-child(odd) {
padding-right: $space-sm;
}
&:nth-child(even) {
padding-left: $space-sm;
}
&-label {
white-space: pre-wrap;
display: inline-block;
min-width: 36px;
}
&-value {
font-weight: 600;
@include mono;
}
}
&-loader {
padding: 25px 0;
text-align: center;
}
}
&-offline {
margin-bottom: 0;
text-align: center;
}
}