MyCrypto/common/components/NonceField.scss
James Prado 0ab226ca16 Add nonce loading indicator & refresh button (#1021)
* Add InlineSpinner component

* Add 'what-input' module

* Add input style overrides

* Add new refresh icon

* Update footer styles

* Add nonce refresh button & loading indicator

* Center InlineSpinner

* Add types

* Lock version

* prettify package.json

* prettify package.json
2018-02-08 11:51:15 -06:00

37 lines
590 B
SCSS

@import 'common/sass/variables';
.nonce {
&-label-wrapper {
align-items: center;
margin-bottom: $space-xs;
> label {
margin-bottom: 0;
}
}
&-input-wrapper {
position: relative;
}
&-refresh {
position: absolute;
right: 0;
top: 0;
border: none;
background: transparent;
padding: 0;
margin: 0 1rem;
height: 2.55rem;
opacity: 0.3;
transition: opacity 300ms;
> img {
height: 1.4rem;
}
&:hover {
opacity: 0.54;
}
&:active {
transition: opacity 120ms;
opacity: 1;
}
}
}