m/metamask-extension
1
0
Fork 0
mirror of https://github.com/kremalicious/metamask-extension.git synced 2024-12-23 09:52:26 +01:00
Code

Fixing breakpoint fallthroughs

Browse Source
This commit is contained in:
ryanml 2021-09-11 11:13:36 -07:00
parent 069ebaf463
commit 5c03be009a
8 changed files with 12 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
ui/components/app/gas-customization/advanced-gas-inputs/index.scss
View File

@ -18,7 +18,7 @@
justify-content: space-between; justify-content: space-between;
align-items: center; align-items: center;
@media screen and (max-width: $break-large) { @media screen and (max-width: $break-small) {
@include H8; @include H8;
} }

4
ui/components/app/modals/deposit-ether-modal/index.scss
View File

@ -109,7 +109,7 @@
padding-bottom: 20px; padding-bottom: 20px;
align-self: flex-start; align-self: flex-start;
@media screen and (min-width: $break-small) { @media screen and (min-width: $break-large) {
width: 15rem; width: 15rem;
} }
@ -128,7 +128,7 @@
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
@media screen and (min-width: $break-small) { @media screen and (min-width: $break-large) {
min-width: 300px; min-width: 300px;
} }
} }

2
ui/components/app/multiple-notifications/index.scss
View File

@ -8,7 +8,7 @@
right: 0; right: 0;
margin: 8px; margin: 8px;
@media screen and (max-width: $break-large) { @media screen and (max-width: $break-small) {
width: 340px; width: 340px;
} }

2
ui/pages/first-time-flow/seed-phrase/reveal-seed-phrase/index.scss
View File

@ -1,5 +1,5 @@
.reveal-seed-phrase { .reveal-seed-phrase {
@media screen and (max-width: $break-large) { @media screen and (max-width: $break-small) {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 96%; width: 96%;

6
ui/pages/settings/contact-list-tab/index.scss
View File

@ -7,7 +7,7 @@
.address-book { .address-book {
flex: 0.4 1 100%; flex: 0.4 1 100%;
@media screen and (max-width: $break-large) { @media screen and (max-width: $break-small) {
flex: 1; flex: 1;
max-width: 100%; max-width: 100%;
@ -259,7 +259,7 @@
width: auto; width: auto;
border-radius: 100px; border-radius: 100px;
@media screen and (max-width: $break-large) { @media screen and (max-width: $break-small) {
top: 16px; top: 16px;
right: 60px; right: 60px;
@ -277,7 +277,7 @@
.address-book-contact-content { .address-book-contact-content {
flex: 0.4 1 100%; flex: 0.4 1 100%;
@media screen and (max-width: $break-large) { @media screen and (max-width: $break-small) {
flex: 1; flex: 1;
} }
} }

2
ui/pages/swaps/index.scss
View File

@ -51,7 +51,7 @@
width: 100%; width: 100%;
height: 100%; height: 100%;
@media screen and (max-width: $break-large) { @media screen and (max-width: $break-small) {
&--overflow { &--overflow {
overflow: scroll; overflow: scroll;
} }

4
ui/pages/swaps/swaps-footer/index.scss
View File

@ -9,7 +9,7 @@
} }
@media screen and (max-width: $break-large) { @media screen and (max-width: $break-small) {
&--border { &--border {
.swaps-footer__custom-page-container-footer-class { .swaps-footer__custom-page-container-footer-class {
border-top: 1px solid #d2d8dd; border-top: 1px solid #d2d8dd;
@ -50,7 +50,7 @@
} }
&__buttons { &__buttons {
@media screen and (max-width: $break-large) { @media screen and (max-width: $break-small) {
&--border { &--border {
.swaps-footer__custom-page-container-footer-class { .swaps-footer__custom-page-container-footer-class {
border-top: 1px solid #d2d8dd; border-top: 1px solid #d2d8dd;

2
ui/pages/swaps/view-quote/index.scss
View File

@ -20,7 +20,7 @@
pointer-events: none; pointer-events: none;
} }
@media screen and (max-width: $break-large) { @media screen and (max-width: $break-small) {
overflow-y: auto; overflow-y: auto;
max-height: 420px; max-height: 420px;
} }