mirror of
https://github.com/bitwarden/browser
synced 2026-02-21 03:43:58 +00:00
4772362928
- Remove Bootstrap styles from two-factor-setup component and replace with Tailwind equivalents - Convert two factor components to standalone components to move away from LooseComponents - Replace ul/li list with bit-item-group and bit-item components - Integrate with the bit design system --------- Co-authored-by: Oscar Hinton <Hinton@users.noreply.github.com> Co-authored-by: Jared Snider <116684653+JaredSnider-Bitwarden@users.noreply.github.com>
133 lines
2.3 KiB
SCSS
133 lines
2.3 KiB
SCSS
#duo-frame {
|
|
height: 330px;
|
|
@include themify($themes) {
|
|
background: themed("imgLoading") 0 0 no-repeat;
|
|
}
|
|
|
|
iframe {
|
|
border: none;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
#web-authn-frame {
|
|
height: 40px;
|
|
@include themify($themes) {
|
|
background: themed("imgLoading") 0 0 no-repeat;
|
|
}
|
|
|
|
iframe {
|
|
border: none;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
#hcaptcha_iframe {
|
|
border: none;
|
|
transition: height 0.25s linear;
|
|
width: 100%;
|
|
}
|
|
|
|
@each $mfaType in $mfaTypes {
|
|
.mfaType#{$mfaType} {
|
|
content: url("../images/two-factor/" + $mfaType + ".png");
|
|
max-width: 120px;
|
|
}
|
|
}
|
|
|
|
.mfaType0 {
|
|
@include themify($themes) {
|
|
content: url("../images/two-factor/0.png");
|
|
max-width: 120px;
|
|
max-height: 62px;
|
|
}
|
|
}
|
|
|
|
.mfaType1 {
|
|
@include themify($themes) {
|
|
content: url("../images/two-factor/1" + themed("mfaLogoSuffix"));
|
|
max-width: 120px;
|
|
max-height: 62px;
|
|
}
|
|
}
|
|
|
|
.mfaType7 {
|
|
@include themify($themes) {
|
|
content: url("../images/two-factor/7" + themed("mfaLogoSuffix"));
|
|
max-width: 120px;
|
|
}
|
|
}
|
|
|
|
.progress {
|
|
@include themify($themes) {
|
|
background-color: themed("pwStrengthBackground");
|
|
}
|
|
}
|
|
|
|
// Braintree
|
|
|
|
#bt-dropin-container {
|
|
min-height: 50px;
|
|
@include themify($themes) {
|
|
background: themed("loadingSvg") center center no-repeat;
|
|
}
|
|
}
|
|
|
|
.braintree-placeholder,
|
|
.braintree-sheet__header {
|
|
display: none;
|
|
}
|
|
|
|
.braintree-sheet__content--button {
|
|
min-height: 0;
|
|
padding: 0;
|
|
text-align: left;
|
|
}
|
|
|
|
.braintree-sheet__container {
|
|
margin-bottom: 0;
|
|
}
|
|
|
|
.braintree-sheet {
|
|
border: none;
|
|
}
|
|
|
|
// hide duplicate paypal iframe
|
|
.braintree-sheet__content--button
|
|
.braintree-sheet__button--paypal
|
|
iframe.zoid-prerender-frame.zoid-invisible {
|
|
display: none !important;
|
|
}
|
|
|
|
[data-braintree-id="upper-container"]::before {
|
|
@include themify($themes) {
|
|
background-color: themed("backgroundColor");
|
|
}
|
|
}
|
|
|
|
.card [data-braintree-id="upper-container"]::before {
|
|
@include themify($themes) {
|
|
background-color: themed("foregroundColor");
|
|
}
|
|
}
|
|
|
|
[data-braintree-id="paypal-button"] {
|
|
@include themify($themes) {
|
|
background-color: themed("backgroundColor");
|
|
}
|
|
}
|
|
|
|
.card [data-braintree-id="paypal-button"] {
|
|
@include themify($themes) {
|
|
background-color: themed("foregroundColor");
|
|
}
|
|
}
|
|
|
|
.paypal-button-text {
|
|
@include themify($themes) {
|
|
color: themed("textColor");
|
|
}
|
|
}
|