arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2025-06-02 14:19:05 +00:00
Code Issues Releases Wiki Activity

Disable reactSelect.less

Browse Source 
- no longer needed becuase react-select@2.0.0 imports syles itself
This commit is contained in:
Vasek Mlejnsky 2018-08-24 11:12:39 +02:00
parent 5aa7dc6646
commit 4e8959e48e
1 changed files with 83 additions and 83 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

166
src/styles/reactSelect.less
View File

@ -1,100 +1,100 @@
// https://github.com/JedWatson/react-select/blob/master/less/select.less // https://github.com/JedWatson/react-select/blob/master/less/select.less
@import '~react-select/less/select.less'; // @import '~react-select/less/select.less';
// override predefined colors // // override predefined colors
@select-primary-color: @color_white; // @select-primary-color: @color_white;
@select-input-hover-box-shadow: none; // @select-input-hover-box-shadow: none;
@select-input-box-shadow-focus: transparent; // @select-input-box-shadow-focus: transparent;
@select-input-border-radius: 0px; // @select-input-border-radius: 0px;
@select-item-border-radius: 0px; // @select-item-border-radius: 0px;
@select-input-border-color: transparent; // @select-input-border-color: transparent;
@select-input-border-focus: @color_divider; // @select-input-border-focus: @color_divider;
// @select-input-bg: transparent; // // @select-input-bg: transparent;
// @select-input-bg-focus: transparent; // // @select-input-bg-focus: transparent;
.Select-focus-state(@color) { // .Select-focus-state(@color) {
// do nothing // // do nothing
background: transparent; // background: transparent;
box-shadow: none; // box-shadow: none;
} // }
.Select-focus-state-classic() { // .Select-focus-state-classic() {
background: transparent; // background: transparent;
box-shadow: none; // box-shadow: none;
} // }
.Select-arrow-zone { // .Select-arrow-zone {
position: absolute; // position: absolute;
top: 0; // top: 0;
bottom: 0; // bottom: 0;
margin: auto 0; // margin: auto 0;
padding-right: 0px !important; // padding-right: 0px !important;
width: 24px; // width: 24px;
height: 24px; // height: 24px;
right: 8px; // right: 8px;
.Select-arrow { // .Select-arrow {
top: 0px; // top: 0px;
border: 0px; // border: 0px;
width: 24px; // width: 24px;
&:after { // &:after {
.icomoon-arrow-down; // .icomoon-arrow-down;
transition: transform 0.3s, color 0.3s; // transition: transform 0.3s, color 0.3s;
color: @color_text_secondary; // color: @color_text_secondary;
transform-origin: 50% 50%; // transform-origin: 50% 50%;
font-size: 24px; // font-size: 24px;
} // }
} // }
} // }
.Select { // .Select {
.Select-control { // .Select-control {
cursor: pointer; // cursor: pointer;
.Select-input { // .Select-input {
background: transparent; // background: transparent;
position: absolute; // position: absolute;
top: 0; // top: 0;
// display: none !important; // uncomment for disable auto closing // // display: none !important; // uncomment for disable auto closing
} // }
&:hover { // &:hover {
.Select-arrow:after { // .Select-arrow:after {
color: @color_text_primary; // color: @color_text_primary;
} // }
} // }
} // }
.Select-noresults { // .Select-noresults {
color: @color_text_secondary; // color: @color_text_secondary;
font-family: @font-default; // font-family: @font-default;
} // }
.Select-placeholder { // .Select-placeholder {
color: @color_text_secondary; // color: @color_text_secondary;
font-family: @font-default; // font-family: @font-default;
} // }
.Select-value-label { // .Select-value-label {
color: @color_text_primary; // color: @color_text_primary;
} // }
.Select-menu-outer { // .Select-menu-outer {
border-radius: 0px; // border-radius: 0px;
border: 1px solid @color_divider; // border: 1px solid @color_divider;
box-shadow: none; // box-shadow: none;
} // }
&.is-open { // &.is-open {
.Select-arrow { // .Select-arrow {
top: 0px !important; // top: 0px !important;
border: 0px; // border: 0px;
&:after { // &:after {
transform: rotate(180deg); // transform: rotate(180deg);
} // }
} // }
} // }
} // }