diff --git a/packages/core/admin/admin/src/content-manager/pages/EditSettingsView/tests/__snapshots__/index.test.js.snap b/packages/core/admin/admin/src/content-manager/pages/EditSettingsView/tests/__snapshots__/index.test.js.snap index 142713dc9d..022a620553 100644 --- a/packages/core/admin/admin/src/content-manager/pages/EditSettingsView/tests/__snapshots__/index.test.js.snap +++ b/packages/core/admin/admin/src/content-manager/pages/EditSettingsView/tests/__snapshots__/index.test.js.snap @@ -13,32 +13,131 @@ exports[`EditSettingsView renders and matches the snapshot 1`] = ` width: 1px; } -.c19 { - background: #ffffff; - padding-top: 24px; - padding-right: 32px; - padding-bottom: 24px; - padding-left: 32px; +.c56 { + background: #f6f6f9; border-radius: 4px; - box-shadow: 0px 1px 4px rgba(33,33,52,0.1); -} - -.c39 { - padding-top: 8px; - padding-bottom: 8px; -} - -.c51 { - padding: 16px; - border-radius: 4px; - border-style: dashed; - border-width: 1px; - border-color: #c0c0cf; -} - -.c62 { - overflow: hidden; + border-color: #eaeaef; + border: 1px solid #eaeaef; width: 100%; + min-height: 2rem; +} + +.c59 { + padding-right: 12px; + padding-left: 12px; +} + +.c63 { + padding-left: 12px; +} + +.c42 { + -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; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.c54 { + -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; +} + +.c57 { + -webkit-align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; +} + +.c20 { + -webkit-align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.c21 > * { + margin-top: 0; + margin-bottom: 0; +} + +.c21 > * + * { + margin-top: 16px; +} + +.c52 > * { + margin-top: 0; + margin-bottom: 0; +} + +.c52 > * + * { + margin-top: 8px; +} + +.c22 { + color: #32324d; + font-weight: 500; + font-size: 1rem; + line-height: 1.25; +} + +.c43 { + font-weight: 600; + color: #32324d; + font-size: 0.875rem; + line-height: 1.43; +} + +.c44 { + color: #666687; + font-size: 0.75rem; + line-height: 1.33; +} + +.c64 { + font-weight: 500; + color: #32324d; + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + font-size: 0.875rem; + line-height: 1.43; } .c16 { @@ -273,68 +372,32 @@ exports[`EditSettingsView renders and matches the snapshot 1`] = ` fill: #271fe0; } -.c56 { - background: #f6f6f9; +.c19 { + background: #ffffff; + padding-top: 24px; + padding-right: 32px; + padding-bottom: 24px; + padding-left: 32px; border-radius: 4px; - border-color: #eaeaef; - border: 1px solid #eaeaef; + box-shadow: 0px 1px 4px rgba(33,33,52,0.1); +} + +.c39 { + padding-top: 8px; + padding-bottom: 8px; +} + +.c51 { + padding: 16px; + border-radius: 4px; + border-style: dashed; + border-width: 1px; + border-color: #c0c0cf; +} + +.c62 { + overflow: hidden; width: 100%; - min-height: 2rem; -} - -.c59 { - padding-right: 12px; - padding-left: 12px; -} - -.c63 { - padding-left: 12px; -} - -.c42 { - -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; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} - -.c54 { - -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; -} - -.c57 { - -webkit-align-items: stretch; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; } .c65 { @@ -596,69 +659,6 @@ exports[`EditSettingsView renders and matches the snapshot 1`] = ` width: 100%; } -.c20 { - -webkit-align-items: stretch; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} - -.c21 > * { - margin-top: 0; - margin-bottom: 0; -} - -.c21 > * + * { - margin-top: 16px; -} - -.c52 > * { - margin-top: 0; - margin-bottom: 0; -} - -.c52 > * + * { - margin-top: 8px; -} - -.c22 { - color: #32324d; - font-weight: 500; - font-size: 1rem; - line-height: 1.25; -} - -.c43 { - font-weight: 600; - color: #32324d; - font-size: 0.875rem; - line-height: 1.43; -} - -.c44 { - color: #666687; - font-size: 0.75rem; - line-height: 1.33; -} - -.c64 { - font-weight: 500; - color: #32324d; - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - font-size: 0.875rem; - line-height: 1.43; -} - .c6 { color: #4945ff; font-size: 0.875rem; @@ -1663,32 +1663,131 @@ exports[`EditSettingsView should add field 1`] = ` width: 1px; } -.c19 { - background: #ffffff; - padding-top: 24px; - padding-right: 32px; - padding-bottom: 24px; - padding-left: 32px; +.c56 { + background: #f6f6f9; border-radius: 4px; - box-shadow: 0px 1px 4px rgba(33,33,52,0.1); -} - -.c39 { - padding-top: 8px; - padding-bottom: 8px; -} - -.c51 { - padding: 16px; - border-radius: 4px; - border-style: dashed; - border-width: 1px; - border-color: #c0c0cf; -} - -.c62 { - overflow: hidden; + border-color: #eaeaef; + border: 1px solid #eaeaef; width: 100%; + min-height: 2rem; +} + +.c59 { + padding-right: 12px; + padding-left: 12px; +} + +.c63 { + padding-left: 12px; +} + +.c42 { + -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; + -webkit-box-pack: justify; + -webkit-justify-content: space-between; + -ms-flex-pack: justify; + justify-content: space-between; +} + +.c54 { + -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; +} + +.c57 { + -webkit-align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: row; + -ms-flex-direction: row; + flex-direction: row; +} + +.c20 { + -webkit-align-items: stretch; + -webkit-box-align: stretch; + -ms-flex-align: stretch; + align-items: stretch; + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; +} + +.c21 > * { + margin-top: 0; + margin-bottom: 0; +} + +.c21 > * + * { + margin-top: 16px; +} + +.c52 > * { + margin-top: 0; + margin-bottom: 0; +} + +.c52 > * + * { + margin-top: 8px; +} + +.c22 { + color: #32324d; + font-weight: 500; + font-size: 1rem; + line-height: 1.25; +} + +.c43 { + font-weight: 600; + color: #32324d; + font-size: 0.875rem; + line-height: 1.43; +} + +.c44 { + color: #666687; + font-size: 0.75rem; + line-height: 1.33; +} + +.c64 { + font-weight: 500; + color: #32324d; + display: block; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + font-size: 0.875rem; + line-height: 1.43; } .c16 { @@ -1923,68 +2022,32 @@ exports[`EditSettingsView should add field 1`] = ` fill: #271fe0; } -.c56 { - background: #f6f6f9; +.c19 { + background: #ffffff; + padding-top: 24px; + padding-right: 32px; + padding-bottom: 24px; + padding-left: 32px; border-radius: 4px; - border-color: #eaeaef; - border: 1px solid #eaeaef; + box-shadow: 0px 1px 4px rgba(33,33,52,0.1); +} + +.c39 { + padding-top: 8px; + padding-bottom: 8px; +} + +.c51 { + padding: 16px; + border-radius: 4px; + border-style: dashed; + border-width: 1px; + border-color: #c0c0cf; +} + +.c62 { + overflow: hidden; width: 100%; - min-height: 2rem; -} - -.c59 { - padding-right: 12px; - padding-left: 12px; -} - -.c63 { - padding-left: 12px; -} - -.c42 { - -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; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} - -.c54 { - -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; -} - -.c57 { - -webkit-align-items: stretch; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: row; - -ms-flex-direction: row; - flex-direction: row; } .c65 { @@ -2246,69 +2309,6 @@ exports[`EditSettingsView should add field 1`] = ` width: 100%; } -.c20 { - -webkit-align-items: stretch; - -webkit-box-align: stretch; - -ms-flex-align: stretch; - align-items: stretch; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} - -.c21 > * { - margin-top: 0; - margin-bottom: 0; -} - -.c21 > * + * { - margin-top: 16px; -} - -.c52 > * { - margin-top: 0; - margin-bottom: 0; -} - -.c52 > * + * { - margin-top: 8px; -} - -.c22 { - color: #32324d; - font-weight: 500; - font-size: 1rem; - line-height: 1.25; -} - -.c43 { - font-weight: 600; - color: #32324d; - font-size: 0.875rem; - line-height: 1.43; -} - -.c44 { - color: #666687; - font-size: 0.75rem; - line-height: 1.33; -} - -.c64 { - font-weight: 500; - color: #32324d; - display: block; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - font-size: 0.875rem; - line-height: 1.43; -} - .c6 { color: #4945ff; font-size: 0.875rem;