aboutsummaryrefslogtreecommitdiff
path: root/packages/taler-wallet-webextension/src/renderHtml.tsx
diff options
context:
space:
mode:
authorSebastian <sebasjm@gmail.com>2021-06-21 10:07:56 -0300
committerSebastian <sebasjm@gmail.com>2021-06-21 10:08:35 -0300
commit0d86f84dc004c9d22d5df83182a58199d3349071 (patch)
treed5cec9606533454ad5fc06ca400cad3e8dc470cf /packages/taler-wallet-webextension/src/renderHtml.tsx
parentc7f0e483232a01c1165c8146285b915f766dba78 (diff)
downloadwallet-core-0d86f84dc004c9d22d5df83182a58199d3349071.tar.xz
fix some pixel and css classes and sync storybook
Diffstat (limited to 'packages/taler-wallet-webextension/src/renderHtml.tsx')
-rw-r--r--packages/taler-wallet-webextension/src/renderHtml.tsx12
1 files changed, 6 insertions, 6 deletions
diff --git a/packages/taler-wallet-webextension/src/renderHtml.tsx b/packages/taler-wallet-webextension/src/renderHtml.tsx
index 353a4eb85..1101b80d6 100644
--- a/packages/taler-wallet-webextension/src/renderHtml.tsx
+++ b/packages/taler-wallet-webextension/src/renderHtml.tsx
@@ -69,7 +69,7 @@ export function abbrev(s: string, n = 5): JSX.Element {
sAbbrev = s.slice(0, n) + "..";
}
return (
- <span className="abbrev" title={s}>
+ <span class="abbrev" title={s}>
{sAbbrev}
</span>
);
@@ -108,7 +108,7 @@ export class Collapsible extends Component<
if (this.state.collapsed) {
return (
<h2>
- <a className="opener opener-collapsed" href="#" onClick={doOpen}>
+ <a class="opener opener-collapsed" href="#" onClick={doOpen}>
{" "}
{this.props.title}
</a>
@@ -118,7 +118,7 @@ export class Collapsible extends Component<
return (
<div>
<h2>
- <a className="opener opener-open" href="#" onClick={doClose}>
+ <a class="opener opener-open" href="#" onClick={doClose}>
{" "}
{this.props.title}
</a>
@@ -147,14 +147,14 @@ export interface LoadingButtonProps extends JSX.HTMLAttributes<HTMLButtonElement
export function ProgressButton({isLoading, ...rest}: LoadingButtonProps): JSX.Element {
return (
<button
- className="pure-button pure-button-primary"
+ class="pure-button pure-button-primary"
type="button"
{...rest}
>
{isLoading ? (
<span>
<object
- className="svg-icon svg-baseline"
+ class="svg-icon svg-baseline"
data="/img/spinner-bars.svg"
/>
</span>
@@ -170,7 +170,7 @@ export function PageLink(
const url = chrome.extension.getURL(`/static/wallet.html#/${props.pageName}`);
return (
<a
- className="actionLink"
+ class="actionLink"
href={url}
target="_blank"
rel="noopener noreferrer"