diff options
| author | Sebastian <sebasjm@gmail.com> | 2021-06-21 10:07:56 -0300 |
|---|---|---|
| committer | Sebastian <sebasjm@gmail.com> | 2021-06-21 10:08:35 -0300 |
| commit | 0d86f84dc004c9d22d5df83182a58199d3349071 (patch) | |
| tree | d5cec9606533454ad5fc06ca400cad3e8dc470cf /packages/taler-wallet-webextension/static | |
| parent | c7f0e483232a01c1165c8146285b915f766dba78 (diff) | |
| download | wallet-core-0d86f84dc004c9d22d5df83182a58199d3349071.tar.gz wallet-core-0d86f84dc004c9d22d5df83182a58199d3349071.tar.bz2 wallet-core-0d86f84dc004c9d22d5df83182a58199d3349071.zip | |
fix some pixel and css classes and sync storybook
Diffstat (limited to 'packages/taler-wallet-webextension/static')
5 files changed, 59 insertions, 20 deletions
diff --git a/packages/taler-wallet-webextension/static/popup.html b/packages/taler-wallet-webextension/static/popup.html index b670faacb..9f6520a16 100644 --- a/packages/taler-wallet-webextension/static/popup.html +++ b/packages/taler-wallet-webextension/static/popup.html @@ -3,13 +3,12 @@ <head> <meta charset="utf-8" /> <link rel="stylesheet" type="text/css" href="/static/style/pure.css" /> - <link rel="stylesheet" type="text/css" href="/static/style/wallet.css" /> <link rel="stylesheet" type="text/css" href="/static/style/popup.css" /> <link rel="icon" href="/static/img/icon.png" /> <script src="/dist/popupEntryPoint.js"></script> </head> <body> - <div id="container" style="margin: 0; padding: 0;"></div> + <taler-popup id="container" class="popup-container"></taler-popup> </body> </html> diff --git a/packages/taler-wallet-webextension/static/style/popup.css b/packages/taler-wallet-webextension/static/style/popup.css index 504400471..d0fd5d281 100644 --- a/packages/taler-wallet-webextension/static/style/popup.css +++ b/packages/taler-wallet-webextension/static/style/popup.css @@ -7,13 +7,25 @@ body { /* min-height: 20em; */ /* width: 30em; */ + /* max-height: 800px; */ margin: 0; + font-size: 100%; padding: 0; - /* max-height: 800px; */ overflow: hidden; background-color: #f8faf7; font-family: Arial, Helvetica, sans-serif; } +/* taler-popup { + min-height: 20em; + width: 30em; + height: 20rem; + margin: 0; + font-size: 100%; + padding: 0; + overflow: hidden; + background-color: #f8faf7; + font-family: Arial, Helvetica, sans-serif; +} */ .nav { background-color: #033; @@ -286,6 +298,32 @@ table.detailsTable.pending { background: white; } -button.danger { - background-color: 'red'; -}
\ No newline at end of file +.button-success, +.button-destructive, +.button-warning, +.button-secondary { + color: white; + border-radius: 4px; + text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); +} + +.button-success { + background: rgb(28, 184, 65); +} + +.button-destructive { + background: rgb(202, 60, 60); +} + +.button-warning { + background: rgb(223, 117, 20); +} + +.button-secondary { + background: rgb(66, 184, 221); +} + +button { + font-size: 120%; + padding: 0.5em; +} diff --git a/packages/taler-wallet-webextension/static/style/pure.css b/packages/taler-wallet-webextension/static/style/pure.css index 88a4bb7d7..c82fbaeee 100644 --- a/packages/taler-wallet-webextension/static/style/pure.css +++ b/packages/taler-wallet-webextension/static/style/pure.css @@ -830,7 +830,7 @@ this the same font stack that Normalize.css sets for the `body`. .pure-button:active { box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15) inset, 0 0 6px rgba(0, 0, 0, 0.2) inset; - border-color: #000\9; + border-color: #000; } .pure-button[disabled], diff --git a/packages/taler-wallet-webextension/static/style/wallet.css b/packages/taler-wallet-webextension/static/style/wallet.css index 7c06f2386..32a96dbc4 100644 --- a/packages/taler-wallet-webextension/static/style/wallet.css +++ b/packages/taler-wallet-webextension/static/style/wallet.css @@ -4,7 +4,12 @@ body { margin-top: 2em; } -#main { +.wallet-container { + margin: 0px; + padding: 0px; +} + +section.main { border: solid 5px black; border-radius: 10px; margin-left: auto; @@ -37,14 +42,14 @@ aside { float: left; } -section#main { +section.main { margin: auto; padding: 20px; height: 100%; max-width: 50%; } -section#main h1:first-child { +section.main h1:first-child { margin-top: 0; } @@ -83,9 +88,6 @@ input.url { width: 25em; } -.formish { -} - .json-key { color: brown; } @@ -96,10 +98,6 @@ input.url { color: olive; } -button { - font-size: 120%; - padding: 0.5em; -} button.confirm-pay { float: right; @@ -287,4 +285,9 @@ object.svg-icon.svg-baseline { opacity: 0; width: 0; height: 0; -}
\ No newline at end of file +} + +button.pure-button { + font-size: 120%; + padding: 0.5em; +} diff --git a/packages/taler-wallet-webextension/static/wallet.html b/packages/taler-wallet-webextension/static/wallet.html index c66913c42..2b500b56f 100644 --- a/packages/taler-wallet-webextension/static/wallet.html +++ b/packages/taler-wallet-webextension/static/wallet.html @@ -4,12 +4,11 @@ <meta charset="utf-8" /> <link rel="stylesheet" type="text/css" href="/static/style/pure.css" /> <link rel="stylesheet" type="text/css" href="/static/style/wallet.css" /> - <link rel="stylesheet" type="text/css" href="/static/style/popup.css" /> <link rel="icon" href="/static/img/icon.png" /> <script src="/dist/walletEntryPoint.js"></script> </head> <body> - <div id="container" style="margin: 0; padding: 0;"></div> + <div id="container" class="wallet-container"></div> </body> </html> |