1
0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-11-22 18:00:18 +01:00
metamask-extension/ui/pages/swaps/dropdown-input-pair/index.scss

77 lines
1.3 KiB
SCSS

.dropdown-input-pair {
display: flex;
width: 312px;
height: 60px;
position: relative;
&__input {
margin: 0 !important;
input {
@include H4;
padding-top: 6px;
}
div {
border: 1px solid var(--color-border-default);
border-top-left-radius: 0;
border-bottom-left-radius: 0;
border-left-color: transparent;
height: 60px;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
/* display: none; <- Crashes Chrome on hover */
-webkit-appearance: none;
margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
input[type=number] {
-moz-appearance: textfield; /* Firefox */
}
}
&__list {
&--full-width {
width: 100%;
}
}
&__left-value {
@include H7;
position: absolute;
right: 16px;
height: 100%;
display: flex;
align-items: center;
color: var(--color-text-alternative);
&--two-lines {
right: inherit;
left: 157px;
align-items: unset;
top: 34px;
}
}
.dropdown-input-pair__selector--closed {
height: 60px;
width: 142px;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
&__two-line-input {
div {
align-items: flex-start;
}
input {
padding-top: 14px;
}
}
}