diff --git a/packages/core/admin/admin/src/content-manager/pages/App/tests/index.test.js b/packages/core/admin/admin/src/content-manager/pages/App/tests/index.test.js
index cefb8b5b35..71baedffe2 100644
--- a/packages/core/admin/admin/src/content-manager/pages/App/tests/index.test.js
+++ b/packages/core/admin/admin/src/content-manager/pages/App/tests/index.test.js
@@ -291,6 +291,8 @@ describe('Content manager | App | main', () => {
border-radius: 4px;
background: #ffffff;
border: 1px solid #dcdce4;
+ position: relative;
+ outline: none;
}
.c5 svg {
@@ -307,6 +309,36 @@ describe('Content manager | App | main', () => {
pointer-events: none;
}
+ .c5: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;
+ }
+
+ .c5:focus-visible {
+ outline: none;
+ }
+
+ .c5:focus-visible:after {
+ border-radius: 8px;
+ content: '';
+ position: absolute;
+ top: -5px;
+ bottom: -5px;
+ left: -5px;
+ right: -5px;
+ border: 2px solid #4945ff;
+ }
+
.c6 {
display: -webkit-box;
display: -webkit-flex;
diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/index.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/index.js
index 8d6bfe2948..51d4451725 100644
--- a/packages/core/admin/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/index.js
+++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/index.js
@@ -52,7 +52,7 @@ const ApplicationInfosPage = () => {
-
+
{formatMessage({
id: 'Settings.application.details',
defaultMessage: 'details',
@@ -61,7 +61,7 @@ const ApplicationInfosPage = () => {
{appInfos.latestStrapiReleaseTag}
-
+
{formatMessage({
id: 'Settings.application.edition-title',
defaultMessage: 'current plan',
@@ -103,7 +103,7 @@ const ApplicationInfosPage = () => {
-
+
{formatMessage({
id: 'Settings.application.node-version',
defaultMessage: 'node version',
diff --git a/packages/core/admin/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/tests/index.test.js b/packages/core/admin/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/tests/index.test.js
index c2ef57f850..75166ada88 100644
--- a/packages/core/admin/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/tests/index.test.js
+++ b/packages/core/admin/admin/src/pages/SettingsPage/pages/ApplicationInfosPage/tests/index.test.js
@@ -42,7 +42,7 @@ describe('Application page', () => {
box-shadow: 0px 1px 4px rgba(33,33,52,0.1);
}
- .c26 {
+ .c27 {
padding-top: 4px;
}
@@ -73,6 +73,13 @@ describe('Application page', () => {
}
.c17 {
+ font-weight: 400;
+ font-size: 0.875rem;
+ line-height: 1.43;
+ color: #666687;
+ }
+
+ .c20 {
font-weight: 400;
font-size: 0.875rem;
line-height: 1.43;
@@ -186,30 +193,30 @@ describe('Application page', () => {
grid-column: span 6;
}
- .c21 {
+ .c22 {
font-weight: 400;
font-size: 0.875rem;
line-height: 1.43;
color: #4945ff;
}
- .c22 {
+ .c23 {
font-weight: 600;
line-height: 1.14;
}
- .c23 {
+ .c24 {
font-weight: 600;
font-size: 0.6875rem;
line-height: 1.45;
text-transform: uppercase;
}
- .c24 {
+ .c25 {
padding-left: 8px;
}
- .c20 {
+ .c21 {
display: -webkit-inline-box;
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
@@ -225,15 +232,15 @@ describe('Application page', () => {
outline: none;
}
- .c20 svg path {
+ .c21 svg path {
fill: #4945ff;
}
- .c20 svg {
+ .c21 svg {
font-size: 0.625rem;
}
- .c20:after {
+ .c21:after {
-webkit-transition-property: all;
transition-property: all;
-webkit-transition-duration: 0.2s;
@@ -248,11 +255,11 @@ describe('Application page', () => {
border: 2px solid transparent;
}
- .c20:focus-visible {
+ .c21:focus-visible {
outline: none;
}
- .c20:focus-visible:after {
+ .c21:focus-visible:after {
border-radius: 8px;
content: '';
position: absolute;
@@ -263,7 +270,7 @@ describe('Application page', () => {
border: 2px solid #4945ff;
}
- .c25 {
+ .c26 {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
@@ -351,7 +358,7 @@ describe('Application page', () => {
details
v3.6.8
@@ -369,7 +376,7 @@ describe('Application page', () => {
current plan
Enterprise Edition
@@ -386,19 +393,19 @@ describe('Application page', () => {
class=""
>
Upgrade your admin panel