Merge pull request #3261 from MetaMask/uat-oldui-compatibility

Adjust old UI css compatibility with new UI style changes
7 years ago · 79f62635d7
parent 170c7602b7 ed33f3160a
commit 79f62635d7
4 changed files with 6 additions and 5 deletions
--- a/app/popup.html
+++ b/app/popup.html
@ -1,11 +1,11 @@
 <!doctype html>
-<html style="width:350px; height:600px;">
+<html style="width:357px; height:600px;">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1 user-scalable=no">
    <title>MetaMask Plugin</title>
  </head>
-  <body style="width:350px; height:600px;">
+  <body style="width:357px; height:600px;">
    <div id="app-content"></div>
    <script src="./scripts/popup.js" type="text/javascript" charset="utf-8"></script>
  </body>
--- a/old-ui/app/components/account-dropdowns.js
+++ b/old-ui/app/components/account-dropdowns.js
@ -268,6 +268,7 @@ class AccountDropdowns extends Component {
          'i.fa.fa-ellipsis-h',
          {
            style: {
+              margin: '0.5em',
              fontSize: '1.8em',
            },
            onClick: (event) => {
--- a/old-ui/app/config.js
+++ b/old-ui/app/config.js
@ -32,7 +32,7 @@ ConfigScreen.prototype.render = function () {
  return (
    h('.flex-column.flex-grow', {
      style:{
-        maxHeight: '465px',
+        maxHeight: '585px',
        overflowY: 'auto',
      },
    }, [
--- a/old-ui/app/css/index.css
+++ b/old-ui/app/css/index.css
@ -285,7 +285,7 @@ app sections
 }

 .unlock-screen #metamask-mascot-container {
-  margin-top: 24px;
+  margin-top: 80px;
 }

 .unlock-screen h1 {
@ -443,7 +443,7 @@ input.large-input {
  flex-wrap: wrap;
  overflow-x: hidden;
  overflow-y: auto;
-  max-height: 465px;
+  max-height: 585px;
  flex-direction: inherit;
 }