diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/ListPage/PaginationFooter/tests/__snapshots__/index.test.js.snap b/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/ListPage/PaginationFooter/tests/__snapshots__/index.test.js.snap index 70c85dab0c..ad84b467ed 100644 --- a/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/ListPage/PaginationFooter/tests/__snapshots__/index.test.js.snap +++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/Users/ListPage/PaginationFooter/tests/__snapshots__/index.test.js.snap @@ -1,7 +1,7 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`DynamicTable renders and matches the snapshot 1`] = ` -.c24 { +.c28 { border: 0; -webkit-clip: rect(0 0 0 0); clip: rect(0 0 0 0); @@ -13,21 +13,14 @@ exports[`DynamicTable renders and matches the snapshot 1`] = ` width: 1px; } -.c4 { +.c23 { font-weight: 500; font-size: 0.75rem; line-height: 1.33; color: #32324d; } -.c10 { - font-weight: 400; - font-size: 0.875rem; - line-height: 1.43; - color: #32324d; -} - -.c22 { +.c26 { font-weight: 400; font-size: 0.75rem; line-height: 1.33; @@ -38,15 +31,6 @@ exports[`DynamicTable renders and matches the snapshot 1`] = ` padding-top: 24px; } -.c9 { - padding-right: 16px; - padding-left: 16px; -} - -.c11 { - padding-left: 12px; -} - .c1 { display: -webkit-box; display: -webkit-flex; @@ -65,6 +49,111 @@ exports[`DynamicTable renders and matches the snapshot 1`] = ` align-items: flex-end; } +.c16 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; +} + +.c20 { + 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; +} + +.c17 > * + * { + margin-left: 4px; +} + +.c24 { + line-height: revert; +} + +.c18 { + padding: 12px; + border-radius: 4px; + -webkit-text-decoration: none; + text-decoration: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c21 { + padding: 12px; + border-radius: 4px; + box-shadow: 0px 1px 4px rgba(33,33,52,0.1); + -webkit-text-decoration: none; + text-decoration: none; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; +} + +.c22 { + color: #271fe0; + background: #ffffff; +} + +.c22:hover { + box-shadow: 0px 1px 4px rgba(33,33,52,0.1); +} + +.c25 { + color: #32324d; +} + +.c25:hover { + box-shadow: 0px 1px 4px rgba(33,33,52,0.1); +} + +.c19 { + font-size: 0.7rem; + pointer-events: none; +} + +.c19 svg path { + fill: #c0c0cf; +} + +.c19:focus svg path, +.c19:hover svg path { + fill: #c0c0cf; +} + +.c27 { + font-size: 0.7rem; +} + +.c27 svg path { + fill: #666687; +} + +.c27:focus svg path, +.c27:hover svg path { + fill: #4a4a6a; +} + +.c14 { + padding-left: 8px; +} + .c2 { display: -webkit-box; display: -webkit-flex; @@ -79,7 +168,38 @@ exports[`DynamicTable renders and matches the snapshot 1`] = ` align-items: center; } -.c7 { +.c5 { + position: absolute; + left: 0; + right: 0; + bottom: 0; + top: 0; + width: 100%; + background: transparent; + border: none; +} + +.c5:focus { + outline: none; +} + +.c10 { + font-weight: 400; + font-size: 0.875rem; + line-height: 1.43; + color: #32324d; +} + +.c9 { + padding-right: 16px; + padding-left: 16px; +} + +.c11 { + padding-left: 12px; +} + +.c6 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -97,16 +217,18 @@ exports[`DynamicTable renders and matches the snapshot 1`] = ` align-items: center; } -.c17 { - 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; +.c8 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } .c3 { @@ -125,10 +247,10 @@ exports[`DynamicTable renders and matches the snapshot 1`] = ` } .c3 > * + * { - margin-top: 4px; + margin-top: 0px; } -.c5 { +.c4 { position: relative; border: 1px solid #dcdce4; padding-right: 12px; @@ -137,7 +259,7 @@ exports[`DynamicTable renders and matches the snapshot 1`] = ` overflow: hidden; } -.c5:focus-within { +.c4:focus-within { border: 1px solid #4945ff; } @@ -170,98 +292,15 @@ exports[`DynamicTable renders and matches the snapshot 1`] = ` width: 0.375rem; } -.c14 > * + * { - margin-left: 4px; -} - -.c20 { - line-height: revert; +.c7 { + min-height: 2.5rem; } .c15 { - padding: 12px; - border-radius: 4px; - -webkit-text-decoration: none; - text-decoration: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c18 { - padding: 12px; - border-radius: 4px; - box-shadow: 0px 1px 4px rgba(33,33,52,0.1); - -webkit-text-decoration: none; - text-decoration: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; -} - -.c19 { - color: #271fe0; - background: #ffffff; -} - -.c19:hover { - box-shadow: 0px 1px 4px rgba(33,33,52,0.1); -} - -.c21 { - color: #32324d; -} - -.c21:hover { - box-shadow: 0px 1px 4px rgba(33,33,52,0.1); -} - -.c16 { - font-size: 0.7rem; - pointer-events: none; -} - -.c16 svg path { - fill: #c0c0cf; -} - -.c16:focus svg path, -.c16:hover svg path { - fill: #c0c0cf; -} - -.c23 { - font-size: 0.7rem; -} - -.c23 svg path { - fill: #666687; -} - -.c23:focus svg path, -.c23:hover svg path { - fill: #4a4a6a; -} - -.c6 { - position: absolute; - left: 0; - right: 0; - bottom: 0; - top: 0; - width: 100%; - background: transparent; - border: none; -} - -.c6:focus { - outline: none; -} - -.c8 { - min-height: 2.5rem; + font-weight: 400; + font-size: 0.875rem; + line-height: 1.43; + color: #666687; }
{ padding-top: 24px; } - .c51 { - padding-right: 16px; - padding-left: 16px; - } - - .c52 { - padding-left: 12px; - } - .c3 { display: -webkit-box; display: -webkit-flex; @@ -488,67 +479,6 @@ describe('ADMIN | Pages | USERS | ListPage', () => { fill: #32324d; } - .c47 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - } - - .c47 > * { - margin-top: 0; - margin-bottom: 0; - } - - .c47 > * + * { - margin-top: 4px; - } - - .c48 { - position: relative; - border: 1px solid #dcdce4; - padding-right: 12px; - border-radius: 4px; - background: #ffffff; - overflow: hidden; - } - - .c48:focus-within { - border: 1px solid #4945ff; - } - - .c53 { - background: transparent; - border: none; - position: relative; - z-index: 1; - } - - .c53 svg { - height: 0.6875rem; - width: 0.6875rem; - } - - .c53 svg path { - fill: #666687; - } - - .c54 { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - background: none; - border: none; - } - - .c54 svg { - width: 0.375rem; - } - .c44 { -webkit-animation: gzYjWD 1s infinite linear; animation: gzYjWD 1s infinite linear; @@ -603,11 +533,11 @@ describe('ADMIN | Pages | USERS | ListPage', () => { outline: none; } - .c55 > * + * { + .c61 > * + * { margin-left: 4px; } - .c56 { + .c62 { padding: 12px; border-radius: 4px; -webkit-text-decoration: none; @@ -618,52 +548,33 @@ describe('ADMIN | Pages | USERS | ListPage', () => { display: flex; } - .c57 { + .c63 { font-size: 0.7rem; pointer-events: none; } - .c57 svg path { + .c63 svg path { fill: #c0c0cf; } - .c57:focus svg path, - .c57:hover svg path { + .c63:focus svg path, + .c63:hover svg path { fill: #c0c0cf; } - .c58 { + .c64 { font-size: 0.7rem; } - .c58 svg path { + .c64 svg path { fill: #666687; } - .c58:focus svg path, - .c58:hover svg path { + .c64:focus svg path, + .c64:hover svg path { fill: #4a4a6a; } - .c49 { - position: absolute; - left: 0; - right: 0; - bottom: 0; - top: 0; - width: 100%; - background: transparent; - border: none; - } - - .c49:focus { - outline: none; - } - - .c50 { - min-height: 2.5rem; - } - .c29 { width: 100%; white-space: nowrap; @@ -732,6 +643,10 @@ describe('ADMIN | Pages | USERS | ListPage', () => { height: 0.25rem; } + .c59 { + padding-left: 8px; + } + .c19 { display: -webkit-box; display: -webkit-flex; @@ -798,6 +713,148 @@ describe('ADMIN | Pages | USERS | ListPage', () => { fill: #666687; } + .c47 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + } + + .c50 { + position: absolute; + left: 0; + right: 0; + bottom: 0; + top: 0; + width: 100%; + background: transparent; + border: none; + } + + .c50:focus { + outline: none; + } + + .c55 { + font-weight: 400; + font-size: 0.875rem; + line-height: 1.43; + color: #32324d; + } + + .c54 { + padding-right: 16px; + padding-left: 16px; + } + + .c56 { + padding-left: 12px; + } + + .c51 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + } + + .c53 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; + -webkit-align-items: center; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; + } + + .c48 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + + .c48 > * { + margin-top: 0; + margin-bottom: 0; + } + + .c48 > * + * { + margin-top: 0px; + } + + .c49 { + position: relative; + border: 1px solid #dcdce4; + padding-right: 12px; + border-radius: 4px; + background: #ffffff; + overflow: hidden; + } + + .c49:focus-within { + border: 1px solid #4945ff; + } + + .c57 { + background: transparent; + border: none; + position: relative; + z-index: 1; + } + + .c57 svg { + height: 0.6875rem; + width: 0.6875rem; + } + + .c57 svg path { + fill: #666687; + } + + .c58 { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + background: none; + border: none; + } + + .c58 svg { + width: 0.375rem; + } + + .c52 { + min-height: 2.5rem; + } + .c39 tr:last-of-type { border-bottom: none; } @@ -827,6 +884,13 @@ describe('ADMIN | Pages | USERS | ListPage', () => { vertical-align: sub; } + .c60 { + font-weight: 400; + font-size: 0.875rem; + line-height: 1.43; + color: #666687; + } + .c37 { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); @@ -1250,54 +1314,48 @@ describe('ADMIN | Pages | USERS | ListPage', () => { class="c1 c46" >