metamask-extension/app/notification.html

<!doctype html>
<html>
  <head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="utf-8">
    <title>MetaMask Notification</title>
    <style>
      #app-content {
        display: flex;
        flex-flow: column;
      }

      #loading__logo {
        width: 10rem;
        height: 10rem;
        align-self: center;
        margin: 10rem 0 0 0;
      }

      #loading__spinner {
        width: 2rem;
        height: 2rem;
        align-self: center;
        margin-top: 1rem;
      }
    </style>
    <link rel="stylesheet" type="text/css" href="./index.css" title="ltr">
    <link rel="stylesheet" type="text/css" href="./index-rtl.css" title="rtl" disabled>
  </head>
  <body class="notification">
    <div id="app-content">
      <img id="loading__logo" src="./images/logo/metamask-fox.svg" alt="" />
      <img id="loading__spinner" src="./images/spinner.gif" alt="" />
    </div>
    <div id="popover-content"></div>
    <script src="./globalthis.js" type="text/javascript" charset="utf-8"></script>
    <script src="./sentry-install.js" type="text/javascript" charset="utf-8"></script>
    <script src="./lockdown-install.js" type="text/javascript" charset="utf-8"></script>
    <script src="./lockdown-run.js" type="text/javascript" charset="utf-8"></script>
    <script src="./runtime-cjs.js" type="text/javascript" charset="utf-8"></script>
    {{@each(it.jsBundles) => val}}
    <script src="{{val}}" type="text/javascript" charset="utf-8"></script>
    {{/each}}
  </body>
</html>
Set up MVP for popup-based notifications. 2016-08-17 00:39:40 +02:00			`<!doctype html>`
Fix connection modal style issues (#8433) Resolves three different style issues due to overflow of content and addresses an issue where UI was being squished due to available screen real estate. - On the choose account modal, when a user has enough accounts to need to scroll within the account chooser, the last-connected data column was squished. This is resolved by using a tooltip and icon for this data rather than text printed in column. - On the connection permission result screen where it shows the Dapp icon -> Metamask icon, the bottom of the logos and dropshadows were being cut off this was resolved by removing the height set on this element and allowing it to fill the available space. - On the confirmation screen the content appeared off center due to the scrollbar being overlayed instead of auto. This was resolved by removing some of the setting of manual overflow controls on the body element. 2020-05-04 17:04:41 +02:00			`<html>`
Set up MVP for popup-based notifications. 2016-08-17 00:39:40 +02:00			`<head>`
Add loading view to notification.html (#6648) 2019-06-19 23:22:02 +02:00			`<meta name="viewport" content="width=device-width, initial-scale=1.0">`
Set up MVP for popup-based notifications. 2016-08-17 00:39:40 +02:00			`<meta charset="utf-8">`
			`<title>MetaMask Notification</title>`
Unify notification and popup ui files 2016-08-17 01:46:44 +02:00			`<style>`
Add loading view to notification.html (#6648) 2019-06-19 23:22:02 +02:00			`#app-content {`
			`display: flex;`
			`flex-flow: column;`
			`}`

			`#loading__logo {`
			`width: 10rem;`
			`height: 10rem;`
			`align-self: center;`
			`margin: 10rem 0 0 0;`
			`}`

			`#loading__spinner {`
			`width: 2rem;`
			`height: 2rem;`
			`align-self: center;`
			`margin-top: 1rem;`
			`}`
Unify notification and popup ui files 2016-08-17 01:46:44 +02:00			`</style>`
Right-to-left CSS (using module for conversion) (#7072) * Create RTL stylesheets using `gulp-rtl` * Handle RTL stylesheet special cases Certain blocks of Sass were set to bypass "rtlcss" using ignore comments. Certain icons had to be flipped 180 degrees. * Switch stylesheets when locale changes A second stylesheet has been added to each HTML page for use with right-to-left locales. It is disabled by default. It is enabled on startup if a RTL locale is set, and when switching to a RTL locale. Similarly the LTR stylesheet is disabled when a RTL locale is used. Unfortunately there is an unpleasant flash of unstyled content when switching between a LTR and a RTL locale. There is also a slightly longer page load time when using a RTL locale (<1s difference). We couldn't think of an easy way to avoid these problems. * Set `dir="auto"` as default on `TextFields` 2019-09-03 19:47:54 +02:00			`<link rel="stylesheet" type="text/css" href="./index.css" title="ltr">`
			`<link rel="stylesheet" type="text/css" href="./index-rtl.css" title="rtl" disabled>`
Set up MVP for popup-based notifications. 2016-08-17 00:39:40 +02:00			`</head>`
Fix connection modal style issues (#8433) Resolves three different style issues due to overflow of content and addresses an issue where UI was being squished due to available screen real estate. - On the choose account modal, when a user has enough accounts to need to scroll within the account chooser, the last-connected data column was squished. This is resolved by using a tooltip and icon for this data rather than text printed in column. - On the connection permission result screen where it shows the Dapp icon -> Metamask icon, the bottom of the logos and dropshadows were being cut off this was resolved by removing the height set on this element and allowing it to fill the available space. - On the confirmation screen the content appeared off center due to the scrollbar being overlayed instead of auto. This was resolved by removing some of the setting of manual overflow controls on the body element. 2020-05-04 17:04:41 +02:00			`<body class="notification">`
Add loading view to notification.html (#6648) 2019-06-19 23:22:02 +02:00			`<div id="app-content">`
Provide alternative text for images where appropriate 2020-11-11 16:38:15 +01:00			`<img id="loading__logo" src="./images/logo/metamask-fox.svg" alt="" />`
			`<img id="loading__spinner" src="./images/spinner.gif" alt="" />`
Add loading view to notification.html (#6648) 2019-06-19 23:22:02 +02:00			`</div>`
Add optional portal to Popover component (#8253) 2020-03-30 22:55:17 +02:00			`<div id="popover-content"></div>`
Fix SES lockdown on older browsers (#10014) On older browsers that don't support `globalThis`[1], the SES lockdown throws an error. The `globalthis` shim has been added to all pages, to the background process, and to the `contentscript`. This should prevent the error on older browsers. [1]: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/globalThis#Browser_compatibility 2020-12-08 19:38:31 +01:00			`<script src="./globalthis.js" type="text/javascript" charset="utf-8"></script>`
Build - refactor for bundle factoring and swappable runtime (#11080) * wip * build - breakout sentry-install bundle * deps - move new build sys deps to published versions * chore: lint fix * clean - remove unused file * clean - remove unsused package script * lavamoat - update build system policy * build - render html to all platforms * development - improve sourcemap debugger output * deps - update lavapack * lint - fix * deps - update lavapack for bugfix * deps - update lavapack for bugfix * deps - bump lavapack for line ending normalization * sourcemap explorer - disable boundary validation * ci - reset normal ci flow * build - re-enable minification on prod * build - remove noisy log about html dest * build - update terser and remove gulp wrapper for sourcemap fix * Revert "sourcemap explorer - disable boundary validation" This reverts commit 94112209ed880a6ebf4ee2ded411e59db6908162. * build - reenable react-devtools in dev mode * wip * build - breakout sentry-install bundle * deps - move new build sys deps to published versions * chore: lint fix * clean - remove unused file * clean - remove unsused package script * lavamoat - update build system policy * build - render html to all platforms * development - improve sourcemap debugger output * deps - update lavapack * lint - fix * deps - update lavapack for bugfix * deps - update lavapack for bugfix * deps - bump lavapack for line ending normalization * sourcemap explorer - disable boundary validation * ci - reset normal ci flow * build - re-enable minification on prod * build - remove noisy log about html dest * build - update terser and remove gulp wrapper for sourcemap fix * Revert "sourcemap explorer - disable boundary validation" This reverts commit 94112209ed880a6ebf4ee2ded411e59db6908162. * build - reenable react-devtools in dev mode * Updating lockfile * lint fix * build/dev - patch watchifys incompatible binary stats output * ui - add comment about conditional import * build - improve comment * Update development/stream-flat-map.js Co-authored-by: Brad Decker <git@braddecker.dev> * Outputting all bundle file links (metamaskbot) Co-authored-by: ryanml <ryanlanese@gmail.com> Co-authored-by: Brad Decker <git@braddecker.dev> 2021-07-15 19:59:34 +02:00			`<script src="./sentry-install.js" type="text/javascript" charset="utf-8"></script>`
			`<script src="./lockdown-install.js" type="text/javascript" charset="utf-8"></script>`
			`<script src="./lockdown-run.js" type="text/javascript" charset="utf-8"></script>`
			`<script src="./runtime-cjs.js" type="text/javascript" charset="utf-8"></script>`
			`{{@each(it.jsBundles) => val}}`
			`<script src="{{val}}" type="text/javascript" charset="utf-8"></script>`
			`{{/each}}`
Set up MVP for popup-based notifications. 2016-08-17 00:39:40 +02:00			`</body>`
			`</html>`