MyCrypto/common/components/NetworkSelector/NetworkSelector.scss
William O'Beirne a043334685 Node Refactor (#1603)
* Initial work on refactoring node definitions to reduce number of places theyre defined, amount of copy pasting.

* Use makeAutoNodeNAme instead of manually appending _auto

* Add getNetVersion to list of unsupported methods

* PR feedback

* Rework web template node selector to be a network selector. Refactor some types to help with that. Better handle removing custom nodes.

* Remove color dropdown.

* Fix selecting custom networks. Show notification if change network intent fails.

* Use selectors for current node / network instead of intuiting from nodeSelection

* Add id key to all networks, simplify add and remove custom node and network functions.

* Fix a lot of uses of network.name to use network.id instead.

* Dont allow network chainid conflicts

* Fix web3 network by chainid

* Add testnet badge to network selector

* Change nomenclature from change(Node|Network)(Intent)? to change(Node|Network)(Requested|Succeeded)

* tscheck

* Better code for chainid collision

* Remove console logs

* Fix tests

* Network selector becomes self contained component used both by web header and electron nav.

* Dont select node again

* Additional title text

* tscheck

* Custom node behavior in Electron

* Close panel too

* Convert node label data into selector function

* tscheck

* Parens & space
2018-05-29 09:51:42 -05:00

52 lines
871 B
SCSS

@import 'common/sass/variables';
@import 'common/sass/mixins';
$button-padding: $space-xs $space-md;
$button-font-size: $font-size-small;
@if ($is-electron) {
$button-padding: 12px 0px;
$button-font-size: 13px;
}
.NetworkSelector {
width: 100%;
text-align: left;
color: $text-color;
font-size: $font-size-base;
&-add,
&-alts {
@include reset-button;
display: block;
width: 100%;
padding: $button-padding;
text-align: center;
color: $text-color;
font-size: $button-font-size;
&:hover {
color: $link-hover-color;
}
.fa {
font-size: 12px;
width: 11px;
text-align: center;
opacity: 0.8;
margin-right: $space-xs;
}
}
&-alts {
border-bottom: 1px solid $gray-lighter;
}
@if ($is-electron) {
&-add {
border-bottom: 1px solid $gray-lighter;
}
}
}