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

Cleanup breakpoint css + comment on hackiness

Browse Source
This commit is contained in:
sdtsui 2017-08-04 13:19:06 -07:00
parent 0cd72db2d2
commit 8cc3ae5988
1 changed files with 14 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
ui/app/css/lib.css
View File

@ -276,27 +276,30 @@ i.fa.fa-question-circle.fa-lg.menu-icon {
color: red; color: red;
} }
// Account Subsection + Tab Section Breakpoints Hack: /*
// Resolves issue from @frankiebee in: Hacky breakpoint fix for account + tab sections
// https://github.com/MetaMask/metamask-extension/pull/1835 Resolves issue from @frankiebee in
// Please remove this when integrating new designs https://github.com/MetaMask/metamask-extension/pull/1835
Please remove this when integrating new designs
*/
@media screen and (min-width: 575px) and (max-width: 800px) { @media screen and (min-width: 575px) and (max-width: 800px) {
.account-data-subsection { .account-data-subsection {
flex: 0 0 auto !important; // needs to remove default flex settings flex: 0 0 auto !important; // reset flex
width: 40%; margin-left: 10px !important; // create additional horizontal space
margin-left: 10px !important;
margin-right: 10px !important; margin-right: 10px !important;
width: 40%;
} }
.tabSection { .tabSection {
flex: 0 0 auto !important; // needs to remove default flex settings flex: 0 0 auto !important;
width: 49%;
min-width: 305px; // min-width needs to be low for an early break
margin-left: 10px !important; margin-left: 10px !important;
margin-right: 10px !important; margin-right: 10px !important;
min-width: 285px;
width: 49%;
} }
.name-label { .name-label {
width: 80%; // repositions dropdown after early break width: 80%;
} }
} }