2018-08-10 14:30:24 +02:00
|
|
|
.bd-e2eeTaContainer {
|
|
|
|
display: flex;
|
|
|
|
|
|
|
|
.bd-e2eeTaBtn {
|
|
|
|
padding: 10px;
|
|
|
|
display: flex;
|
|
|
|
flex: 1 1 auto;
|
|
|
|
flex-direction: row;
|
|
|
|
cursor: pointer;
|
2018-08-10 14:32:04 +02:00
|
|
|
opacity: .8;
|
|
|
|
transition: opacity .2s ease-in-out;
|
2018-08-10 14:33:34 +02:00
|
|
|
|
2018-08-10 14:32:04 +02:00
|
|
|
&:hover {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
2018-08-10 14:30:24 +02:00
|
|
|
|
|
|
|
&.bd-e2eeLock {
|
2018-08-10 14:33:34 +02:00
|
|
|
&.bd-error {
|
|
|
|
fill: #cc3e3e;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.bd-ok {
|
|
|
|
fill: $colbdgreen;
|
|
|
|
}
|
2018-08-10 14:37:14 +02:00
|
|
|
|
|
|
|
&.bd-warn {
|
|
|
|
fill: #ccab3e;
|
2018-08-10 14:44:33 +02:00
|
|
|
animation: bd-pulse 2s ease-in-out infinite;
|
2018-08-10 14:37:14 +02:00
|
|
|
}
|
2018-08-10 14:30:24 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.bd-taDivider {
|
2018-08-10 19:38:02 +02:00
|
|
|
background-color: rgba(255, 255, 255, 0.1);
|
2018-08-10 14:30:24 +02:00
|
|
|
box-sizing: border-box;
|
|
|
|
position: relative;
|
|
|
|
top: 10%;
|
|
|
|
width: 1px;
|
2018-08-10 19:38:02 +02:00
|
|
|
height: 37px;
|
|
|
|
margin-top: 5px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.bd-e2eeMdContainer {
|
|
|
|
position: relative;
|
|
|
|
display: inline-block;
|
|
|
|
top: 4px;
|
|
|
|
|
|
|
|
.bd-e2eeMdBtn {
|
|
|
|
cursor: pointer;
|
|
|
|
|
|
|
|
&.bd-e2eeLock {
|
|
|
|
&.bd-error {
|
|
|
|
fill: #cc3e3e;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.bd-ok {
|
|
|
|
fill: $colbdgreen;
|
|
|
|
}
|
|
|
|
|
|
|
|
&.bd-warn {
|
|
|
|
fill: #ccab3e;
|
2018-08-11 03:58:55 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
&.bd-loading {
|
2018-08-10 19:38:02 +02:00
|
|
|
animation: bd-pulse 2s ease-in-out infinite;
|
|
|
|
}
|
|
|
|
}
|
2018-08-10 14:30:24 +02:00
|
|
|
}
|
|
|
|
}
|
2018-08-11 03:58:55 +02:00
|
|
|
|
|
|
|
.bd-e2eeMessageButtonWrap {
|
|
|
|
.bd-e2eeMessageButton {
|
|
|
|
fill: #99aab5;
|
|
|
|
margin-left: 6px;
|
|
|
|
margin-right: -2px;
|
|
|
|
opacity: .4;
|
|
|
|
transition: opacity .2s ease;
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
opacity: 1;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
}
|