arno/trezor-wallet
1
0
Fork 0
mirror of https://github.com/trezor/trezor-wallet synced 2024-12-29 10:28:08 +00:00
Code Issues Releases Wiki Activity

Disable css for new styled components

Browse Source
This commit is contained in:
Vasek Mlejnsky 2018-08-14 21:59:46 +02:00
parent 44ae2b82dd
commit 9d55216bf9
1 changed files with 80 additions and 80 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

160
src/styles/aside.less
View File

@ -29,12 +29,12 @@ aside {
.transition-container { .transition-container {
width: 640px; width: 640px;
section { // section {
width: 320px; // width: 320px;
display: inline-block; // display: inline-block;
vertical-align: top; // vertical-align: top;
} // }
} }
.trezor-webusb-button { .trezor-webusb-button {
@ -171,13 +171,13 @@ aside {
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
&.label { &.label {
font-weight: 500; font-weight: 500;
font-size: 14px; font-size: 14px;
color: @color_text_primary; color: @color_text_primary;
} }
&.status { &.status {
font-size: 12px; font-size: 12px;
color: @color_text_secondary; color: @color_text_secondary;
@ -265,20 +265,20 @@ aside {
} }
a { a {
position: relative; // position: relative;
display: block; // display: block;
cursor: pointer; // cursor: pointer;
font-size: 16px; // font-size: 16px;
padding: 16px 0 16px 24px; // padding: 16px 0 16px 24px;
white-space: nowrap; // white-space: nowrap;
color: @color_text_primary; // color: @color_text_primary;
height: 50px; // height: 50px;
transition: background-color 0.3s, color 0.3s; // transition: background-color 0.3s, color 0.3s;
&:hover { // &:hover {
background-color: @color_gray_light; // background-color: @color_gray_light;
} // }
&.account { &.account {
height: 64px; height: 64px;
@ -309,15 +309,15 @@ aside {
//border-left: 3px solid @color_green_primary; //border-left: 3px solid @color_green_primary;
//border-bottom: 1px solid @color_divider; //border-bottom: 1px solid @color_divider;
//padding-left: 27px; //padding-left: 27px;
&:before { &:before {
width: 3px; width: 3px;
} }
&:hover { &:hover {
background: @color_white; background: @color_white;
} }
&:last-child { &:last-child {
// border-bottom: 1px solid @color_divider; // border-bottom: 1px solid @color_divider;
&:after { &:after {
@ -334,47 +334,47 @@ aside {
} }
} }
&.coin {
padding-left: 60px;
&:before {
content: '';
position: absolute;
display: block;
width: 20px;
height: 20px;
left: 24px;
top: 0px;
bottom: 0px;
margin: auto 0;
background-repeat: no-repeat;
background-position: center;
background-size: 20px 20px;
}
}
&.external { // &.coin {
&:after { // padding-left: 60px;
.icomoon-redirect; // &:before {
position: absolute; // content: '';
display: block; // position: absolute;
width: 30px; // display: block;
height: 30px; // width: 20px;
right: 20px; // height: 20px;
top: 0px; // left: 24px;
bottom: 0px; // top: 0px;
margin: auto 0; // bottom: 0px;
font-size: 30px; // margin: auto 0;
color: @color_text_secondary; // background-repeat: no-repeat;
.hover(); // background-position: center;
} // background-size: 20px 20px;
&:hover:after { // }
color: @color_text_primary; // }
}
} // &.external {
// &:after {
// .icomoon-redirect;
// position: absolute;
// display: block;
// width: 30px;
// height: 30px;
// right: 20px;
// top: 0px;
// bottom: 0px;
// margin: auto 0;
// font-size: 30px;
// color: @color_text_secondary;
// .hover();
// }
// &:hover:after {
// color: @color_text_primary;
// }
// }
&.back { &.back {
padding-left: 80px; padding-left: 80px;
@ -407,7 +407,7 @@ aside {
font-size: 20px; font-size: 20px;
} }
} }
&.ethereum:before, &.ethereum:before,
&.ethereum-classic:before, &.ethereum-classic:before,
&.ropsten:before, &.ropsten:before,
@ -416,7 +416,7 @@ aside {
background-position: 2px 0px; background-position: 2px 0px;
} }
&.ethereum:before { &.ethereum:before {
background-image: url('../images/eth-logo.png'); background-image: url('../images/eth-logo.png');
} }
@ -450,20 +450,20 @@ aside {
} }
} }
.coin-divider { // .coin-divider {
font-size: 12px; // font-size: 12px;
display: flex; // display: flex;
justify-content: space-between; // justify-content: space-between;
color: @color_text_secondary; // color: @color_text_secondary;
background: @color_gray_light; // background: @color_gray_light;
padding: 8px 28px 8px 24px; // padding: 8px 28px 8px 24px;
border-top: 1px solid @color_divider; // border-top: 1px solid @color_divider;
border-bottom: 1px solid @color_divider; // border-bottom: 1px solid @color_divider;
span { // span {
display: flex; // display: flex;
justify-content: flex-end; // justify-content: flex-end;
} // }
} // }
.device-divider { .device-divider {
font-size: 12px; font-size: 12px;
@ -492,7 +492,7 @@ aside {
display: inline-block; display: inline-block;
padding: 8px; padding: 8px;
height: auto; height: auto;
&:before { &:before {
.icomoon-chat; .icomoon-chat;
font-size: 32px; font-size: 32px;
@ -521,7 +521,7 @@ aside {
color: @color_text_secondary; color: @color_text_secondary;
display: flex; display: flex;
align-items: center; align-items: center;
&:before { &:before {
.icomoon-plus; .icomoon-plus;
margin-right: 12px; margin-right: 12px;
@ -568,7 +568,7 @@ aside {
// menu trasitions // menu trasitions
@slide_transition_time: 300ms; @slide_transition_time: 300ms;
.slide-left-enter { .slide-left-enter {
transform: translate(100%); transform: translate(100%);
pointer-events: none; pointer-events: none;