diff --git a/packages/core/admin/admin/src/pages/MarketplacePage/tests/index.test.js b/packages/core/admin/admin/src/pages/MarketplacePage/tests/index.test.js index 5343e1c777..09d95ec77b 100644 --- a/packages/core/admin/admin/src/pages/MarketplacePage/tests/index.test.js +++ b/packages/core/admin/admin/src/pages/MarketplacePage/tests/index.test.js @@ -66,46 +66,50 @@ describe('Marketplace page', () => { width: 25%; } - .c33 { + .c29 { + padding-bottom: 16px; + } + + .c40 { border-radius: 4px; width: 64px; height: 64px; } - .c34 { + .c41 { padding-top: 16px; } - .c37 { + .c44 { padding-top: 8px; } - .c53 { + .c60 { margin-left: 4px; width: 24px; height: auto; } - .c54 { + .c61 { padding-left: 16px; } - .c57 { + .c64 { padding-top: 32px; } - .c50 { + .c57 { font-weight: 600; color: #32324d; font-size: 0.75rem; line-height: 1.33; } - .c47 { + .c54 { padding-right: 8px; } - .c44 { + .c51 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -119,21 +123,21 @@ describe('Marketplace page', () => { outline: none; } - .c44 svg { + .c51 svg { height: 12px; width: 12px; } - .c44 svg > g, - .c44 svg path { + .c51 svg > g, + .c51 svg path { fill: #ffffff; } - .c44[aria-disabled='true'] { + .c51[aria-disabled='true'] { pointer-events: none; } - .c44:after { + .c51:after { -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; @@ -148,11 +152,11 @@ describe('Marketplace page', () => { border: 2px solid transparent; } - .c44:focus-visible { + .c51:focus-visible { outline: none; } - .c44:focus-visible:after { + .c51:focus-visible:after { border-radius: 8px; content: ''; position: absolute; @@ -163,11 +167,11 @@ describe('Marketplace page', () => { border: 2px solid #4945ff; } - .c48 { + .c55 { height: 100%; } - .c45 { + .c52 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -179,7 +183,7 @@ describe('Marketplace page', () => { background: #f0f0ff; } - .c45 .c46 { + .c52 .c53 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -190,66 +194,66 @@ describe('Marketplace page', () => { align-items: center; } - .c45 .c49 { + .c52 .c56 { color: #ffffff; } - .c45[aria-disabled='true'] { + .c52[aria-disabled='true'] { border: 1px solid #dcdce4; background: #eaeaef; } - .c45[aria-disabled='true'] .c49 { + .c52[aria-disabled='true'] .c56 { color: #666687; } - .c45[aria-disabled='true'] svg > g, - .c45[aria-disabled='true'] svg path { + .c52[aria-disabled='true'] svg > g, + .c52[aria-disabled='true'] svg path { fill: #666687; } - .c45[aria-disabled='true']:active { + .c52[aria-disabled='true']:active { border: 1px solid #dcdce4; background: #eaeaef; } - .c45[aria-disabled='true']:active .c49 { + .c52[aria-disabled='true']:active .c56 { color: #666687; } - .c45[aria-disabled='true']:active svg > g, - .c45[aria-disabled='true']:active svg path { + .c52[aria-disabled='true']:active svg > g, + .c52[aria-disabled='true']:active svg path { fill: #666687; } - .c45:hover { + .c52:hover { background-color: #ffffff; } - .c45:active { + .c52:active { background-color: #ffffff; border: 1px solid #4945ff; } - .c45:active .c49 { + .c52:active .c56 { color: #4945ff; } - .c45:active svg > g, - .c45:active svg path { + .c52:active svg > g, + .c52:active svg path { fill: #4945ff; } - .c45 .c49 { + .c52 .c56 { color: #271fe0; } - .c45 svg > g, - .c45 svg path { + .c52 svg > g, + .c52 svg path { fill: #271fe0; } - .c31 { + .c38 { background: #ffffff; padding-top: 16px; padding-right: 16px; @@ -260,20 +264,20 @@ describe('Marketplace page', () => { height: 100%; } - .c58 { + .c65 { background: #ffffff; padding: 24px; border-radius: 4px; box-shadow: 0px 1px 4px rgba(33,33,52,0.1); } - .c59 { + .c66 { background: #f6ecfc; padding: 12px; border-radius: 4px; } - .c32 { + .c39 { -webkit-align-items: normal; -webkit-box-align: normal; -ms-flex-align: normal; @@ -291,7 +295,7 @@ describe('Marketplace page', () => { justify-content: space-between; } - .c36 { + .c43 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -305,30 +309,30 @@ describe('Marketplace page', () => { flex-direction: row; } - .c51 { + .c58 { color: #328048; margin-left: 8px; } - .c55 { + .c62 { color: #328048; margin-right: 8px; width: 12; height: 12; } - .c65 { + .c72 { color: #666687; margin-left: 8px; width: 12px; height: 12px; } - .c52 path { + .c59 path { fill: #328048; } - .c66 path { + .c73 path { fill: #666687; } @@ -481,11 +485,11 @@ describe('Marketplace page', () => { box-shadow: #4945ff 0px 0px 0px 2px; } - .c40 { + .c47 { padding-top: 24px; } - .c41 { + .c48 { -webkit-align-items: center; -webkit-box-align: center; -ms-flex-align: center; @@ -499,7 +503,7 @@ describe('Marketplace page', () => { flex-direction: row; } - .c61 { + .c68 { -webkit-align-items: stretch; -webkit-box-align: stretch; -ms-flex-align: stretch; @@ -513,41 +517,41 @@ describe('Marketplace page', () => { flex-direction: column; } - .c62 > * { + .c69 > * { margin-top: 0; margin-bottom: 0; } - .c42 > * { + .c49 > * { margin-left: 0; margin-right: 0; } - .c42 > * + * { + .c49 > * + * { margin-left: 8px; } - .c35 { + .c42 { color: #32324d; font-weight: 500; font-size: 1rem; line-height: 1.25; } - .c38 { + .c45 { color: #666687; font-size: 0.875rem; line-height: 1.43; } - .c56 { + .c63 { font-weight: 600; color: #328048; font-size: 0.875rem; line-height: 1.43; } - .c63 { + .c70 { font-weight: 500; color: #32324d; font-size: 0.75rem; @@ -565,7 +569,7 @@ describe('Marketplace page', () => { padding-right: 8px; } - .c43 { + .c50 { padding-left: 8px; } @@ -706,30 +710,19 @@ describe('Marketplace page', () => { fill: #32324d; } - .c60 { + .c67 { margin-right: 24px; } - .c60 svg { + .c67 svg { width: 2rem; height: 2rem; } - .c64 { + .c71 { word-break: break-all; } - .c29 { - display: grid; - grid-template-columns: repeat(12,1fr); - gap: 16px; - } - - .c30 { - grid-column: span 4; - max-width: 100%; - } - .c1 { padding-bottom: 56px; } @@ -805,7 +798,50 @@ describe('Marketplace page', () => { outline: none; } - .c39 { + .c33 { + color: #4945ff; + font-weight: 600; + font-size: 0.6875rem; + line-height: 1.45; + text-transform: uppercase; + } + + .c35 { + color: #666687; + font-weight: 600; + font-size: 0.6875rem; + line-height: 1.45; + text-transform: uppercase; + } + + .c31 { + padding: 16px; + } + + .c32 { + border-bottom: 2px solid #4945ff; + } + + .c34 { + border-bottom: 2px solid transparent; + } + + .c30[aria-disabled='true'] { + cursor: not-allowed; + } + + .c36 { + display: grid; + grid-template-columns: repeat(12,1fr); + gap: 16px; + } + + .c37 { + grid-column: span 4; + max-width: 100%; + } + + .c46 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; @@ -813,13 +849,13 @@ describe('Marketplace page', () => { } @media (max-width:68.75rem) { - .c30 { + .c37 { grid-column: span 6; } } @media (max-width:34.375rem) { - .c30 { + .c37 { grid-column: span 12; } } @@ -959,164 +995,140 @@ describe('Marketplace page', () => { -
+
- -
+
-
+
- Config Sync logo
-

- Config Sync - + Comments logo +
+

+
+ Comments +
+

+
+
+

+ Powerful Strapi based comments moderation tool for you and your users +

+
+
+ -

-
-
-

- Migrate your config data across environments using the CLI or Strapi admin panel. -

-
-
-
- - - Learn more - - - - -
-
-
-
-
-
-
-
- Content Versioning logo -
-

-
- Content Versioning -
-

-
-
-

- This plugin enables you to versioning Content Types. It allows multiple draft versions✅ Keeps history of all changes (with time travel) ✅ -

-
-
-
- - - Learn more - - - - -
-
-
-
-
-
-
-
- Documentation logo -
-

-
- Documentation - + +
-

-
-
-

- Create an OpenAPI Document and visualize your API with SWAGGER UI -

-
-
-
- - - Learn more - - - -
- - - - - Installed -
-
-
-
-
-
-
- Transformer logo
-

- Transformer + Config Sync logo +
+

+
+ Config Sync + +
+ + + +
+
+
+

+
+
+

+ Migrate your config data across environments using the CLI or Strapi admin panel. +

+
-

-
-
-

- A plugin for Strapi Headless CMS that provides the ability to transform the API response. -

+
+ + + Learn more + + + + +
+
- - - Learn more - - - - +
- +
+
+
+
- Copy install command - - +
+ Documentation logo +
+

+
+ Documentation + +
+ Made by Strapi +
+
+
+

+
+
+

+ Create an OpenAPI Document and visualize your API with SWAGGER UI +

+
+
+
+ + + Learn more + + + +
+ + + + + Installed + +
+
+
+
+
+
+
+
+
+ Transformer logo +
+

+
+ Transformer +
+

+
+
+

+ A plugin for Strapi Headless CMS that provides the ability to transform the API response. +

+
+
+
+ + + Learn more + + + + +
+
+
{ target="_blank" >
{
Documentation {
Tell us what plugin you are looking for and we'll let our community plugin developers know in case they are in search for inspiration!