yujunjun/strapi
1
0
Fork 0
mirror of https://github.com/strapi/strapi.git synced 2025-09-21 14:31:16 +00:00
Code Issues Packages Projects Releases Wiki Activity

update snapshots

Browse Source
This commit is contained in:
Simone Taeggi 2023-02-21 16:22:37 +01:00
parent dba158774e
commit 3a4a8c995e
4 changed files with 1455 additions and 1181 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

142
packages/core/admin/admin/src/pages/SettingsPage/components/Tokens/DeleteTokenDialog/tests/__snapshots__/DeleteTokenDialog.test.js.snap
View File

@ -1,16 +1,24 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`DeleteTokenDialog renders and matches the snapshot 1`] = ` exports[`DeleteTokenDialog renders and matches the snapshot 1`] = `
.c0 { .c10 {
border: 0; font-weight: 600;
-webkit-clip: rect(0 0 0 0); font-size: 1.125rem;
clip: rect(0 0 0 0); line-height: 1.22;
height: 1px; color: #32324d;
margin: -1px; }
overflow: hidden;
padding: 0; .c16 {
position: absolute; font-size: 0.875rem;
width: 1px; line-height: 1.43;
color: #32324d;
}
.c23 {
font-size: 0.75rem;
line-height: 1.33;
font-weight: 600;
color: #32324d;
} }
.c2 { .c2 {
@ -94,51 +102,6 @@ exports[`DeleteTokenDialog renders and matches the snapshot 1`] = `
flex-direction: row; flex-direction: row;
} }
.c10 {
font-weight: 600;
font-size: 1.125rem;
line-height: 1.22;
color: #32324d;
}
.c16 {
font-size: 0.875rem;
line-height: 1.43;
color: #32324d;
}
.c23 {
font-size: 0.75rem;
line-height: 1.33;
font-weight: 600;
color: #32324d;
}
.c3 {
inset: 0;
background: #32324d33;
}
.c5 {
max-width: 25.75rem;
margin: 0 auto;
overflow: hidden;
margin-top: 10%;
}
.c8 {
border-bottom: 1px solid #eaeaef;
}
.c13 svg {
width: 24px;
height: 24px;
}
.c13 svg path {
fill: #d02b20;
}
.c15 > * { .c15 > * {
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
@ -157,22 +120,6 @@ exports[`DeleteTokenDialog renders and matches the snapshot 1`] = `
margin-left: 8px; margin-left: 8px;
} }
.c18 {
border-top: 1px solid #eaeaef;
}
.c18 button {
width: 100%;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
.c21 { .c21 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
@ -231,6 +178,18 @@ exports[`DeleteTokenDialog renders and matches the snapshot 1`] = `
border: 2px solid #4945ff; border: 2px solid #4945ff;
} }
.c0 {
border: 0;
-webkit-clip: rect(0 0 0 0);
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.c26 { .c26 {
height: 100%; height: 100%;
} }
@ -389,6 +348,47 @@ exports[`DeleteTokenDialog renders and matches the snapshot 1`] = `
fill: #b72b1a; fill: #b72b1a;
} }
.c3 {
inset: 0;
background: #32324d33;
}
.c5 {
max-width: 25.75rem;
margin: 0 auto;
overflow: hidden;
margin-top: 10%;
}
.c8 {
border-bottom: 1px solid #eaeaef;
}
.c13 svg {
width: 24px;
height: 24px;
}
.c13 svg path {
fill: #d02b20;
}
.c18 {
border-top: 1px solid #eaeaef;
}
.c18 button {
width: 100%;
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
}
<body <body
class="lock-body-scroll" class="lock-body-scroll"
> >

184
packages/core/admin/admin/src/pages/SettingsPage/pages/ApiTokens/EditView/tests/__snapshots__/index.test.js.snap
View File

@ -15,7 +15,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
color: #32324d; color: #32324d;
} }
.c25 { .c24 {
font-weight: 500; font-weight: 500;
font-size: 1rem; font-size: 1rem;
line-height: 1.25; line-height: 1.25;
@ -61,6 +61,11 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
padding-right: 8px; padding-right: 8px;
} }
.c19 {
padding-right: 56px;
padding-left: 56px;
}
.c22 { .c22 {
background: #ffffff; background: #ffffff;
padding-top: 24px; padding-top: 24px;
@ -179,7 +184,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
flex-direction: row; flex-direction: row;
} }
.c23 { .c20 {
-webkit-align-items: stretch; -webkit-align-items: stretch;
-webkit-box-align: stretch; -webkit-box-align: stretch;
-ms-flex-align: stretch; -ms-flex-align: stretch;
@ -311,12 +316,21 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
border: 2px solid #4945ff; border: 2px solid #4945ff;
} }
.c24 > * { .c21 > * {
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
} }
.c24 > * + * { .c21 > * + * {
margin-top: 24px;
}
.c23 > * {
margin-top: 0;
margin-bottom: 0;
}
.c23 > * + * {
margin-top: 16px; margin-top: 16px;
} }
@ -519,7 +533,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
fill: #ffffff; fill: #ffffff;
} }
.c26 { .c25 {
display: grid; display: grid;
grid-template-columns: repeat(12,1fr); grid-template-columns: repeat(12,1fr);
gap: 20px; gap: 20px;
@ -530,7 +544,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
grid-template-columns: repeat(12,1fr); grid-template-columns: repeat(12,1fr);
} }
.c27 { .c26 {
grid-column: span 6; grid-column: span 6;
max-width: 100%; max-width: 100%;
} }
@ -553,11 +567,6 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
padding-right: 8px; padding-right: 8px;
} }
.c19 {
padding-right: 56px;
padding-left: 56px;
}
.c42 { .c42 {
padding-right: 16px; padding-right: 16px;
padding-left: 16px; padding-left: 16px;
@ -602,7 +611,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
color: #666687; color: #666687;
} }
.c20 { .c27 {
-webkit-align-items: stretch; -webkit-align-items: stretch;
-webkit-box-align: stretch; -webkit-box-align: stretch;
-ms-flex-align: stretch; -ms-flex-align: stretch;
@ -708,15 +717,6 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
display: flex; display: flex;
} }
.c21 > * {
margin-top: 0;
margin-bottom: 0;
}
.c21 > * + * {
margin-top: 24px;
}
.c28 > * { .c28 > * {
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
@ -958,13 +958,13 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
} }
@media (max-width:68.75rem) { @media (max-width:68.75rem) {
.c27 { .c26 {
grid-column: span; grid-column: span;
} }
} }
@media (max-width:34.375rem) { @media (max-width:34.375rem) {
.c27 { .c26 {
grid-column: span 12; grid-column: span 12;
} }
} }
@ -1091,27 +1091,27 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
</div> </div>
</div> </div>
<div <div
class="c19" class="c1 c19"
> >
<div <div
class="c20 c21" class="c1 c8 c20 c21"
> >
<div <div
class="c1 c22" class="c1 c22"
> >
<div <div
class="c1 c8 c23 c24" class="c1 c8 c20 c23"
> >
<h2 <h2
class="c11 c25" class="c11 c24"
> >
Details Details
</h2> </h2>
<div <div
class="c1 c26" class="c1 c25"
> >
<div <div
class="c27" class="c26"
> >
<div <div
class="c1 " class="c1 "
@ -1119,7 +1119,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
<div> <div>
<div> <div>
<div <div
class="c20 c28" class="c27 c28"
> >
<label <label
class="c29" class="c29"
@ -1155,7 +1155,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
</div> </div>
</div> </div>
<div <div
class="c27" class="c26"
> >
<div <div
class="c1 " class="c1 "
@ -1165,7 +1165,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
> >
<div> <div>
<div <div
class="c20 c28" class="c27 c28"
> >
<div <div
class="c30" class="c30"
@ -1198,14 +1198,14 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
</div> </div>
</div> </div>
<div <div
class="c27" class="c26"
> >
<div <div
class="c1 " class="c1 "
> >
<div> <div>
<div <div
class="c20 c28" class="c27 c28"
> >
<label <label
class="c29" class="c29"
@ -1288,14 +1288,14 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
</div> </div>
</div> </div>
<div <div
class="c27" class="c26"
> >
<div <div
class="c1 " class="c1 "
> >
<div> <div>
<div <div
class="c20 c28" class="c27 c28"
> >
<label <label
class="c29" class="c29"
@ -1387,10 +1387,10 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
class="c1 c51" class="c1 c51"
> >
<div <div
class="c1 c8 c23 c52" class="c1 c8 c20 c52"
> >
<h2 <h2
class="c11 c25" class="c11 c24"
> >
Permissions Permissions
</h2> </h2>
@ -1532,10 +1532,10 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
style="min-height: 100%;" style="min-height: 100%;"
> >
<div <div
class="c1 c8 c23 c52" class="c1 c8 c20 c52"
> >
<h3 <h3
class="c11 c25" class="c11 c24"
> >
Advanced settings Advanced settings
</h3> </h3>
@ -1592,20 +1592,20 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
color: #32324d; color: #32324d;
} }
.c33 { .c32 {
font-size: 0.75rem; font-size: 0.75rem;
line-height: 1.33; line-height: 1.33;
font-weight: 500; font-weight: 500;
color: #32324d; color: #32324d;
} }
.c35 { .c34 {
font-size: 0.875rem; font-size: 0.875rem;
line-height: 1.43; line-height: 1.43;
color: #666687; color: #666687;
} }
.c38 { .c37 {
font-weight: 500; font-weight: 500;
font-size: 1rem; font-size: 1rem;
line-height: 1.25; line-height: 1.25;
@ -1633,6 +1633,11 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
padding-right: 8px; padding-right: 8px;
} }
.c25 {
padding-right: 56px;
padding-left: 56px;
}
.c2 { .c2 {
background: #f6f6f9; background: #f6f6f9;
padding-top: 24px; padding-top: 24px;
@ -1658,7 +1663,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
border-radius: 4px; border-radius: 4px;
} }
.c36 { .c35 {
background: #ffffff; background: #ffffff;
padding-top: 24px; padding-top: 24px;
padding-right: 32px; padding-right: 32px;
@ -1776,7 +1781,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
flex-direction: row; flex-direction: row;
} }
.c31 { .c26 {
-webkit-align-items: stretch; -webkit-align-items: stretch;
-webkit-box-align: stretch; -webkit-box-align: stretch;
-ms-flex-align: stretch; -ms-flex-align: stretch;
@ -1908,21 +1913,30 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
border: 2px solid #4945ff; border: 2px solid #4945ff;
} }
.c32 > * { .c27 > * {
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
} }
.c32 > * + * { .c27 > * + * {
margin-top: 24px;
}
.c31 > * {
margin-top: 0;
margin-bottom: 0;
}
.c31 > * + * {
margin-top: 4px; margin-top: 4px;
} }
.c37 > * { .c36 > * {
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
} }
.c37 > * + * { .c36 > * + * {
margin-top: 16px; margin-top: 16px;
} }
@ -2148,7 +2162,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
fill: #ffffff; fill: #ffffff;
} }
.c39 { .c38 {
display: grid; display: grid;
grid-template-columns: repeat(12,1fr); grid-template-columns: repeat(12,1fr);
gap: 20px; gap: 20px;
@ -2159,7 +2173,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
grid-template-columns: repeat(12,1fr); grid-template-columns: repeat(12,1fr);
} }
.c40 { .c39 {
grid-column: span 6; grid-column: span 6;
max-width: 100%; max-width: 100%;
} }
@ -2187,7 +2201,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
height: 2rem; height: 2rem;
} }
.c34 { .c33 {
word-break: break-all; word-break: break-all;
} }
@ -2195,11 +2209,6 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
padding-right: 8px; padding-right: 8px;
} }
.c25 {
padding-right: 56px;
padding-left: 56px;
}
.c54 { .c54 {
padding-right: 16px; padding-right: 16px;
padding-left: 16px; padding-left: 16px;
@ -2254,7 +2263,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
color: #32324d; color: #32324d;
} }
.c26 { .c40 {
-webkit-align-items: stretch; -webkit-align-items: stretch;
-webkit-box-align: stretch; -webkit-box-align: stretch;
-ms-flex-align: stretch; -ms-flex-align: stretch;
@ -2494,15 +2503,6 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
display: flex; display: flex;
} }
.c27 > * {
margin-top: 0;
margin-bottom: 0;
}
.c27 > * + * {
margin-top: 24px;
}
.c41 > * { .c41 > * {
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
@ -2781,13 +2781,13 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
} }
@media (max-width:68.75rem) { @media (max-width:68.75rem) {
.c40 { .c39 {
grid-column: span; grid-column: span;
} }
} }
@media (max-width:34.375rem) { @media (max-width:34.375rem) {
.c40 { .c39 {
grid-column: span 12; grid-column: span 12;
} }
} }
@ -2945,10 +2945,10 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
</div> </div>
</div> </div>
<div <div
class="c5 c25" class="c1 c25"
> >
<div <div
class="c5 c26 c27" class="c1 c10 c26 c27"
> >
<div <div
class="c1 c10 c28 c12" class="c1 c10 c28 c12"
@ -2970,40 +2970,40 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
</svg> </svg>
</div> </div>
<div <div
class="c1 c10 c31 c32" class="c1 c10 c26 c31"
> >
<div <div
class="c1 c10 c12" class="c1 c10 c12"
> >
<span <span
class="c13 c33 c34" class="c13 c32 c33"
> >
This token isn’t accessible anymore. This token isn’t accessible anymore.
</span> </span>
</div> </div>
<span <span
class="c13 c35" class="c13 c34"
> >
For security reasons, you can only see your token once. For security reasons, you can only see your token once.
</span> </span>
</div> </div>
</div> </div>
<div <div
class="c1 c36" class="c1 c35"
> >
<div <div
class="c1 c10 c31 c37" class="c1 c10 c26 c36"
> >
<h2 <h2
class="c13 c38" class="c13 c37"
> >
Details Details
</h2> </h2>
<div <div
class="c1 c39" class="c1 c38"
> >
<div <div
class="c40" class="c39"
> >
<div <div
class="c1 " class="c1 "
@ -3011,7 +3011,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
<div> <div>
<div> <div>
<div <div
class="c5 c26 c41" class="c5 c40 c41"
> >
<label <label
class="c8 c19" class="c8 c19"
@ -3047,7 +3047,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
</div> </div>
</div> </div>
<div <div
class="c40" class="c39"
> >
<div <div
class="c1 " class="c1 "
@ -3057,7 +3057,7 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
> >
<div> <div>
<div <div
class="c5 c26 c41" class="c5 c40 c41"
> >
<div <div
class="c5 c42" class="c5 c42"
@ -3092,14 +3092,14 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
</div> </div>
</div> </div>
<div <div
class="c40" class="c39"
> >
<div <div
class="c1 " class="c1 "
> >
<div> <div>
<div <div
class="c5 c26 c41" class="c5 c40 c41"
> >
<label <label
class="c8 c19" class="c8 c19"
@ -3186,14 +3186,14 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
</div> </div>
</div> </div>
<div <div
class="c40" class="c39"
> >
<div <div
class="c1 " class="c1 "
> >
<div> <div>
<div <div
class="c5 c26 c41" class="c5 c40 c41"
> >
<label <label
class="c8 c19" class="c8 c19"
@ -3285,15 +3285,15 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
class="c1 c66" class="c1 c66"
> >
<div <div
class="c1 c10 c31 c67" class="c1 c10 c26 c67"
> >
<h2 <h2
class="c13 c38" class="c13 c37"
> >
Permissions Permissions
</h2> </h2>
<p <p
class="c13 c35" class="c13 c34"
> >
Only actions bound by a route are listed below. Only actions bound by a route are listed below.
</p> </p>
@ -3430,15 +3430,15 @@ exports[`ADMIN | Pages | API TOKENS | EditView renders and matches the snapshot
style="min-height: 100%;" style="min-height: 100%;"
> >
<div <div
class="c1 c10 c31 c67" class="c1 c10 c26 c67"
> >
<h3 <h3
class="c13 c38" class="c13 c37"
> >
Advanced settings Advanced settings
</h3> </h3>
<p <p
class="c13 c35" class="c13 c34"
> >
Select the application's actions or the plugin's actions and click on the cog icon to display the bound route Select the application's actions or the plugin's actions and click on the cog icon to display the bound route
</p> </p>

1693
packages/core/admin/admin/src/pages/SettingsPage/pages/TransferTokens/EditView/tests/__snapshots__/index.test.js.snap
View File

File diff suppressed because it is too large Load Diff

621
packages/core/admin/admin/src/pages/SettingsPage/pages/TransferTokens/ListView/tests/index.test.js
View File

@ -116,7 +116,106 @@ describe('ADMIN | Pages | TRANSFER TOKENS | ListPage', () => {
}); });
expect(container.firstChild).toMatchInlineSnapshot(` expect(container.firstChild).toMatchInlineSnapshot(`
.c24 {
font-weight: 600;
font-size: 0.6875rem;
line-height: 1.45;
text-transform: uppercase;
color: #666687;
}
.c13 {
background: #ffffff;
border-radius: 4px;
box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
}
.c15 {
position: relative;
}
.c17 {
padding-right: 24px;
padding-left: 24px;
}
.c41 {
padding-left: 4px;
}
.c23 {
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-direction: row;
-ms-flex-direction: row;
flex-direction: row;
}
.c26 { .c26 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
cursor: pointer;
padding: 8px;
border-radius: 4px;
background: #ffffff;
border: 1px solid #dcdce4;
position: relative;
outline: none;
}
.c26 svg {
height: 12px;
width: 12px;
}
.c26 svg > g,
.c26 svg path {
fill: #ffffff;
}
.c26[aria-disabled='true'] {
pointer-events: none;
}
.c26:after {
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
border-radius: 8px;
content: '';
position: absolute;
top: -4px;
bottom: -4px;
left: -4px;
right: -4px;
border: 2px solid transparent;
}
.c26:focus-visible {
outline: none;
}
.c26:focus-visible:after {
border-radius: 8px;
content: '';
position: absolute;
top: -5px;
bottom: -5px;
left: -5px;
right: -5px;
border: 2px solid #4945ff;
}
.c28 {
border: 0; border: 0;
-webkit-clip: rect(0 0 0 0); -webkit-clip: rect(0 0 0 0);
clip: rect(0 0 0 0); clip: rect(0 0 0 0);
@ -128,6 +227,127 @@ describe('ADMIN | Pages | TRANSFER TOKENS | ListPage', () => {
width: 1px; width: 1px;
} }
.c27 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 2rem;
width: 2rem;
border: none;
}
.c27 svg > g,
.c27 svg path {
fill: #8e8ea9;
}
.c27:hover svg > g,
.c27:hover svg path {
fill: #666687;
}
.c27:active svg > g,
.c27:active svg path {
fill: #a5a5ba;
}
.c27[aria-disabled='true'] {
background-color: #eaeaef;
}
.c27[aria-disabled='true'] svg path {
fill: #666687;
}
.c14 {
overflow: hidden;
border: 1px solid #eaeaef;
}
.c19 {
width: 100%;
white-space: nowrap;
}
.c16:before {
background: linear-gradient(90deg,#c0c0cf 0%,rgba(0,0,0,0) 100%);
opacity: 0.2;
position: absolute;
height: 100%;
box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
width: 8px;
left: 0;
}
.c16:after {
background: linear-gradient(270deg,#c0c0cf 0%,rgba(0,0,0,0) 100%);
opacity: 0.2;
position: absolute;
height: 100%;
box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
width: 8px;
right: 0;
top: 0;
}
.c18 {
overflow-x: auto;
}
.c20 {
border-bottom: 1px solid #eaeaef;
}
.c21 {
border-bottom: 1px solid #eaeaef;
}
.c21 td,
.c21 th {
padding: 16px;
}
.c21 td:first-of-type,
.c21 th:first-of-type {
padding: 0 4px;
}
.c21 th {
padding-top: 0;
padding-bottom: 0;
height: 3.5rem;
}
.c22 {
vertical-align: middle;
text-align: left;
color: #666687;
outline-offset: -4px;
}
.c22 input {
vertical-align: sub;
}
.c25 svg {
height: 0.25rem;
}
.c29 {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.c2 { .c2 {
background: #f6f6f9; background: #f6f6f9;
padding-top: 40px; padding-top: 40px;
@ -145,27 +365,57 @@ describe('ADMIN | Pages | TRANSFER TOKENS | ListPage', () => {
padding-left: 56px; padding-left: 56px;
} }
.c13 { .c34 {
background: #ffffff;
border-radius: 4px;
box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
}
.c15 {
position: relative;
}
.c17 {
padding-right: 24px;
padding-left: 24px;
}
.c30 {
max-width: 15.625rem; max-width: 15.625rem;
} }
.c37 { .c6 {
padding-left: 4px; font-weight: 600;
font-size: 2rem;
line-height: 1.25;
color: #32324d;
}
.c10 {
font-size: 0.75rem;
line-height: 1.33;
font-weight: 600;
color: #32324d;
}
.c11 {
font-size: 1rem;
line-height: 1.5;
color: #666687;
}
.c33 {
font-size: 0.875rem;
line-height: 1.43;
font-weight: 600;
color: #32324d;
}
.c35 {
font-size: 0.875rem;
line-height: 1.43;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #32324d;
}
.c36 {
font-size: 0.875rem;
line-height: 1.43;
color: #32324d;
}
.c40 {
font-size: 0.875rem;
line-height: 1.43;
color: #4945ff;
} }
.c3 { .c3 {
@ -200,7 +450,7 @@ describe('ADMIN | Pages | TRANSFER TOKENS | ListPage', () => {
flex-direction: row; flex-direction: row;
} }
.c33 { .c37 {
-webkit-align-items: center; -webkit-align-items: center;
-webkit-box-align: center; -webkit-box-align: center;
-ms-flex-align: center; -ms-flex-align: center;
@ -218,63 +468,6 @@ describe('ADMIN | Pages | TRANSFER TOKENS | ListPage', () => {
justify-content: end; justify-content: end;
} }
.c6 {
font-weight: 600;
font-size: 2rem;
line-height: 1.25;
color: #32324d;
}
.c10 {
font-size: 0.75rem;
line-height: 1.33;
font-weight: 600;
color: #32324d;
}
.c11 {
font-size: 1rem;
line-height: 1.5;
color: #666687;
}
.c23 {
font-weight: 600;
font-size: 0.6875rem;
line-height: 1.45;
text-transform: uppercase;
color: #666687;
}
.c29 {
font-size: 0.875rem;
line-height: 1.43;
font-weight: 600;
color: #32324d;
}
.c31 {
font-size: 0.875rem;
line-height: 1.43;
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #32324d;
}
.c32 {
font-size: 0.875rem;
line-height: 1.43;
color: #32324d;
}
.c36 {
font-size: 0.875rem;
line-height: 1.43;
color: #4945ff;
}
.c7 { .c7 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
@ -333,7 +526,7 @@ describe('ADMIN | Pages | TRANSFER TOKENS | ListPage', () => {
border: 2px solid #4945ff; border: 2px solid #4945ff;
} }
.c38 .c1 { .c42 .c1 {
display: -webkit-box; display: -webkit-box;
display: -webkit-flex; display: -webkit-flex;
display: -ms-flexbox; display: -ms-flexbox;
@ -344,146 +537,27 @@ describe('ADMIN | Pages | TRANSFER TOKENS | ListPage', () => {
align-items: center; align-items: center;
} }
.c38 .c5 { .c42 .c5 {
color: #ffffff; color: #ffffff;
} }
.c38[aria-disabled='true'] .c5 { .c42[aria-disabled='true'] .c5 {
color: #666687; color: #666687;
} }
.c38[aria-disabled='true']:active .c5 { .c42[aria-disabled='true']:active .c5 {
color: #666687; color: #666687;
} }
.c38:active .c5 { .c42:active .c5 {
color: #4945ff; color: #4945ff;
} }
.c38 .c5 { .c42 .c5 {
color: #271fe0; color: #271fe0;
} }
.c14 { .c38 {
overflow: hidden;
border: 1px solid #eaeaef;
}
.c19 {
width: 100%;
white-space: nowrap;
}
.c16:before {
background: linear-gradient(90deg,#c0c0cf 0%,rgba(0,0,0,0) 100%);
opacity: 0.2;
position: absolute;
height: 100%;
box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
width: 8px;
left: 0;
}
.c16:after {
background: linear-gradient(270deg,#c0c0cf 0%,rgba(0,0,0,0) 100%);
opacity: 0.2;
position: absolute;
height: 100%;
box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
width: 8px;
right: 0;
top: 0;
}
.c18 {
overflow-x: auto;
}
.c28 tr:last-of-type {
border-bottom: none;
}
.c20 {
border-bottom: 1px solid #eaeaef;
}
.c21 {
border-bottom: 1px solid #eaeaef;
}
.c21 td,
.c21 th {
padding: 16px;
}
.c21 td:first-of-type,
.c21 th:first-of-type {
padding: 0 4px;
}
.c21 th {
padding-top: 0;
padding-bottom: 0;
height: 3.5rem;
}
.c22 {
vertical-align: middle;
text-align: left;
color: #666687;
outline-offset: -4px;
}
.c22 input {
vertical-align: sub;
}
.c24 svg {
height: 0.25rem;
}
.c25 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
height: 2rem;
width: 2rem;
border: none;
}
.c25 svg > g,
.c25 svg path {
fill: #8e8ea9;
}
.c25:hover svg > g,
.c25:hover svg path {
fill: #666687;
}
.c25:active svg > g,
.c25:active svg path {
fill: #a5a5ba;
}
.c25[aria-disabled='true'] {
background-color: #eaeaef;
}
.c25[aria-disabled='true'] svg path {
fill: #666687;
}
.c34 {
display: -webkit-inline-box; display: -webkit-inline-box;
display: -webkit-inline-flex; display: -webkit-inline-flex;
display: -ms-inline-flexbox; display: -ms-inline-flexbox;
@ -498,15 +572,15 @@ describe('ADMIN | Pages | TRANSFER TOKENS | ListPage', () => {
outline: none; outline: none;
} }
.c34 svg path { .c38 svg path {
fill: #4945ff; fill: #4945ff;
} }
.c34 svg { .c38 svg {
font-size: 0.625rem; font-size: 0.625rem;
} }
.c34:after { .c38:after {
-webkit-transition-property: all; -webkit-transition-property: all;
transition-property: all; transition-property: all;
-webkit-transition-duration: 0.2s; -webkit-transition-duration: 0.2s;
@ -521,11 +595,11 @@ describe('ADMIN | Pages | TRANSFER TOKENS | ListPage', () => {
border: 2px solid transparent; border: 2px solid transparent;
} }
.c34:focus-visible { .c38:focus-visible {
outline: none; outline: none;
} }
.c34:focus-visible:after { .c38:focus-visible:after {
border-radius: 8px; border-radius: 8px;
content: ''; content: '';
position: absolute; position: absolute;
@ -605,22 +679,51 @@ describe('ADMIN | Pages | TRANSFER TOKENS | ListPage', () => {
fill: #ffffff; fill: #ffffff;
} }
.c27 {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.c0:focus-visible { .c0:focus-visible {
outline: none; outline: none;
} }
.c35 svg path { .c30 tr:last-of-type {
border-bottom: none;
}
.c31 {
border-bottom: 1px solid #eaeaef;
}
.c31 td,
.c31 th {
padding: 16px;
}
.c31 td:first-of-type,
.c31 th:first-of-type {
padding: 0 4px;
}
.c31 th {
padding-top: 0;
padding-bottom: 0;
height: 3.5rem;
}
.c32 {
vertical-align: middle;
text-align: left;
color: #666687;
outline-offset: -4px;
}
.c32 input {
vertical-align: sub;
}
.c39 svg path {
fill: #8e8ea9; fill: #8e8ea9;
} }
.c35:hover svg path, .c39:hover svg path,
.c35:focus svg path { .c39:focus svg path {
fill: #32324d; fill: #32324d;
} }
@ -692,13 +795,13 @@ describe('ADMIN | Pages | TRANSFER TOKENS | ListPage', () => {
class="c1 c12" class="c1 c12"
> >
<div <div
class="c1 c13 c14" class="c13 c14"
> >
<div <div
class="c1 c15 c16" class="c15 c16"
> >
<div <div
class="c1 c17 c18" class="c17 c18"
> >
<table <table
aria-colcount="5" aria-colcount="5"
@ -711,21 +814,21 @@ describe('ADMIN | Pages | TRANSFER TOKENS | ListPage', () => {
> >
<tr <tr
aria-rowindex="1" aria-rowindex="1"
class="c1 c21" class="c21"
> >
<th <th
aria-colindex="1" aria-colindex="1"
class="c1 c22" class="c22"
role="gridcell" role="gridcell"
tabindex="0" tabindex="0"
> >
<div <div
class="c1 c4" class="c23"
> >
<span> <span>
<span <span
aria-labelledby="0" aria-labelledby="0"
class="c5 c23" class="c24"
label="Name" label="Name"
tabindex="-1" tabindex="-1"
> >
@ -733,24 +836,24 @@ describe('ADMIN | Pages | TRANSFER TOKENS | ListPage', () => {
</span> </span>
</span> </span>
<span <span
class="c24" class="c25"
> >
<span> <span>
<button <button
aria-disabled="false" aria-disabled="false"
aria-labelledby="1" aria-labelledby="1"
class="c7 c25" class="c26 c27"
tabindex="-1" tabindex="-1"
type="button" type="button"
> >
<span <span
class="c26" class="c28"
> >
Sort on Name Sort on Name
</span> </span>
<svg <svg
aria-hidden="true" aria-hidden="true"
class="c27" class="c29"
fill="none" fill="none"
focusable="false" focusable="false"
height="1em" height="1em"
@ -772,16 +875,16 @@ describe('ADMIN | Pages | TRANSFER TOKENS | ListPage', () => {
</th> </th>
<th <th
aria-colindex="2" aria-colindex="2"
class="c1 c22" class="c22"
role="gridcell" role="gridcell"
> >
<div <div
class="c1 c4" class="c23"
> >
<span> <span>
<span <span
aria-labelledby="2" aria-labelledby="2"
class="c5 c23" class="c24"
label="Description" label="Description"
tabindex="-1" tabindex="-1"
> >
@ -789,22 +892,22 @@ describe('ADMIN | Pages | TRANSFER TOKENS | ListPage', () => {
</span> </span>
</span> </span>
<span <span
class="c24" class="c25"
/> />
</div> </div>
</th> </th>
<th <th
aria-colindex="3" aria-colindex="3"
class="c1 c22" class="c22"
role="gridcell" role="gridcell"
> >
<div <div
class="c1 c4" class="c23"
> >
<span> <span>
<span <span
aria-labelledby="3" aria-labelledby="3"
class="c5 c23" class="c24"
label="Created at" label="Created at"
tabindex="-1" tabindex="-1"
> >
@ -812,22 +915,22 @@ describe('ADMIN | Pages | TRANSFER TOKENS | ListPage', () => {
</span> </span>
</span> </span>
<span <span
class="c24" class="c25"
/> />
</div> </div>
</th> </th>
<th <th
aria-colindex="4" aria-colindex="4"
class="c1 c22" class="c22"
role="gridcell" role="gridcell"
> >
<div <div
class="c1 c4" class="c23"
> >
<span> <span>
<span <span
aria-labelledby="4" aria-labelledby="4"
class="c5 c23" class="c24"
label="Last used" label="Last used"
tabindex="-1" tabindex="-1"
> >
@ -835,73 +938,73 @@ describe('ADMIN | Pages | TRANSFER TOKENS | ListPage', () => {
</span> </span>
</span> </span>
<span <span
class="c24" class="c25"
/> />
</div> </div>
</th> </th>
<th <th
aria-colindex="5" aria-colindex="5"
class="c1 c22" class="c22"
role="gridcell" role="gridcell"
tabindex="-1" tabindex="-1"
> >
<div <div
class="c1 c4" class="c23"
> >
<div <div
class="c26" class="c28"
> >
Actions Actions
</div> </div>
<span <span
class="c24" class="c25"
/> />
</div> </div>
</th> </th>
</tr> </tr>
</thead> </thead>
<tbody <tbody
class="c28" class="c30"
entriestodelete="" entriestodelete=""
headers="[object Object],[object Object],[object Object],[object Object]" headers="[object Object],[object Object],[object Object],[object Object]"
> >
<tr <tr
aria-rowindex="2" aria-rowindex="2"
class="c1 c21" class="c1 c31"
style="cursor: pointer;" style="cursor: pointer;"
> >
<td <td
aria-colindex="1" aria-colindex="1"
class="c1 c22" class="c1 c32"
role="gridcell" role="gridcell"
tabindex="-1" tabindex="-1"
> >
<span <span
class="c5 c29" class="c5 c33"
> >
My super token My super token
</span> </span>
</td> </td>
<td <td
aria-colindex="2" aria-colindex="2"
class="c1 c30 c22" class="c1 c34 c32"
role="gridcell" role="gridcell"
tabindex="-1" tabindex="-1"
> >
<span <span
class="c5 c31" class="c5 c35"
> >
This describe my super token This describe my super token
</span> </span>
</td> </td>
<td <td
aria-colindex="3" aria-colindex="3"
class="c1 c22" class="c1 c32"
role="gridcell" role="gridcell"
tabindex="-1" tabindex="-1"
> >
<span <span
class="c5 c32" class="c5 c36"
> >
<time <time
datetime="2021-11-15T00:00:00.000Z" datetime="2021-11-15T00:00:00.000Z"
@ -913,27 +1016,27 @@ describe('ADMIN | Pages | TRANSFER TOKENS | ListPage', () => {
</td> </td>
<td <td
aria-colindex="4" aria-colindex="4"
class="c1 c22" class="c1 c32"
role="gridcell" role="gridcell"
tabindex="-1" tabindex="-1"
/> />
<td <td
aria-colindex="5" aria-colindex="5"
class="c1 c22" class="c1 c32"
role="gridcell" role="gridcell"
tabindex="-1" tabindex="-1"
> >
<div <div
class="c1 c33" class="c1 c37"
> >
<a <a
class="c34 c35" class="c38 c39"
href="/settings/transfer-tokens/1" href="/settings/transfer-tokens/1"
tabindex="-1" tabindex="-1"
title="Edit My super token" title="Edit My super token"
> >
<span <span
class="c5 c36" class="c5 c40"
> >
<svg <svg
fill="none" fill="none"
@ -953,20 +1056,20 @@ describe('ADMIN | Pages | TRANSFER TOKENS | ListPage', () => {
</a> </a>
<div <div
aria-hidden="true" aria-hidden="true"
class="c1 c37" class="c41"
role="button" role="button"
> >
<span> <span>
<button <button
aria-disabled="false" aria-disabled="false"
aria-labelledby="5" aria-labelledby="5"
class="c7 c25" class="c26 c27"
name="delete" name="delete"
tabindex="-1" tabindex="-1"
type="button" type="button"
> >
<span <span
class="c26" class="c28"
> >
Delete My super token Delete My super token
</span> </span>