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

134
src/styles/aside.less
View File

@ -30,11 +30,11 @@ aside {
.transition-container {
width: 640px;
section {
width: 320px;
display: inline-block;
vertical-align: top;
}
// section {
// width: 320px;
// display: inline-block;
// vertical-align: top;
// }
}
.trezor-webusb-button {
@ -265,20 +265,20 @@ aside {
}
a {
position: relative;
display: block;
cursor: pointer;
font-size: 16px;
padding: 16px 0 16px 24px;
white-space: nowrap;
color: @color_text_primary;
height: 50px;
// position: relative;
// display: block;
// cursor: pointer;
// font-size: 16px;
// padding: 16px 0 16px 24px;
// white-space: nowrap;
// color: @color_text_primary;
// height: 50px;
transition: background-color 0.3s, color 0.3s;
// transition: background-color 0.3s, color 0.3s;
&:hover {
background-color: @color_gray_light;
}
// &:hover {
// background-color: @color_gray_light;
// }
&.account {
height: 64px;
@ -336,45 +336,45 @@ 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;
// &.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 {
&: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();
}
// &.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;
}
}
// &:hover:after {
// color: @color_text_primary;
// }
// }
&.back {
padding-left: 80px;
@ -450,20 +450,20 @@ aside {
}
}
.coin-divider {
font-size: 12px;
display: flex;
justify-content: space-between;
color: @color_text_secondary;
background: @color_gray_light;
padding: 8px 28px 8px 24px;
border-top: 1px solid @color_divider;
border-bottom: 1px solid @color_divider;
span {
display: flex;
justify-content: flex-end;
}
}
// .coin-divider {
// font-size: 12px;
// display: flex;
// justify-content: space-between;
// color: @color_text_secondary;
// background: @color_gray_light;
// padding: 8px 28px 8px 24px;
// border-top: 1px solid @color_divider;
// border-bottom: 1px solid @color_divider;
// span {
// display: flex;
// justify-content: flex-end;
// }
// }
.device-divider {
font-size: 12px;