-
+
Details
-
+
Go through the First steps
@@ -23,12 +27,16 @@
-
+
Details
-
+
Explore and manage as Administrator
@@ -39,12 +47,16 @@
-
+
Details
-
+
Create and publish as Content editor
@@ -55,12 +67,16 @@
-
+
Details
-
+
Oversee sales operations as Store manager
@@ -70,42 +86,72 @@
-
-
-
-
- The latest release is v4.6
-The latest version of Ibexa DXP is v4.6. You can now update your application to the latest version.
-
- Update your application
+
@@ -118,7 +164,9 @@
diff --git a/mkdocs.yml b/mkdocs.yml
index b9207b11..ab456d8e 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -190,6 +190,8 @@ extra:
developer_doc: 'https://doc.ibexa.co/en/latest'
+ latest_tag_4_6: '4.6.19'
+
extra_css:
- fonts/MavenPro.css
- css/codehilite.css
diff --git a/package.json b/package.json
index f36c6885..4397d8fe 100644
--- a/package.json
+++ b/package.json
@@ -4,9 +4,9 @@
"main": "index.js",
"repository": "git@github.com:ezsystems/user-documentation.git",
"scripts": {
- "scss": "node-sass --watch scss -o docs/css"
+ "scss": "sass --watch scss:docs/css"
},
"dependencies": {
- "node-sass": "^9.0.0"
+ "sass": "^1.82.0"
}
}
diff --git a/scss/front-page.scss b/scss/front-page.scss
index c01dbb09..aa19cea5 100644
--- a/scss/front-page.scss
+++ b/scss/front-page.scss
@@ -195,21 +195,31 @@ body {
}
}
+ .notifications {
+ margin-top: 30px;
+ margin-bottom: 40px;
+ }
+
.notification {
- background-color: $ibexa-color-light-300;
border-radius: 12px;
color: $ibexa-color-dark;
font-size: 12px;
padding: 32px;
- margin: 30px 40px 40px 0;
position: relative;
+ overflow: hidden;
+ display: flex;
+ flex-direction: column;
+ flex: 1 1 0;
&__content {
- padding-right: 260px;
padding-bottom: 32px;
+ position: relative;
+ z-index: 1;
+ height: 100%;
h2 {
- margin: 0 0 14px;
+ margin: 0 0 8px;
+ line-height: 1.5;
}
a {
@@ -223,25 +233,68 @@ body {
}
&__cta {
+ position: relative;
+ z-index: 1;
+ flex-shrink: 0;
+
a {
display: inline-block;
- background: linear-gradient(to right, $ibexa-color-danger 0%, $ibexa-color-primary 100%);
- color: $ibexa-color-white;
text-decoration: none;
padding: 15px 16px;
border-radius: 12px;
font-size: 14px;
+ color: $ibexa-color-primary;
+
+ & + a {
+ margin-left: 8px;
+ }
}
}
&__image {
position: absolute;
- right: -40px;
- top: -30px;
- height: 272px;
+ right: 0;
+ top: 0;
+ height: 100%;
+ z-index: 0;
img {
- height: 275px;
+ height: 100%;
+ }
+ }
+
+ &--latest-release {
+ background-image: url('../images/background-gradient.svg');
+ background-size: cover;
+ height: calc(100% - 4px);
+
+ .notification {
+ &__content {
+ padding-right: 240px;
+ }
+
+ &__cta {
+ a {
+ background: linear-gradient(to right, $ibexa-color-danger 0%, $ibexa-color-primary 100%);
+ color: $ibexa-color-white;
+ }
+ }
+ }
+ }
+
+ &--lts-update {
+ border: 2px solid $ibexa-color-light;
+ height: calc(100%);
+ padding-top: 30px;
+
+ .notification {
+ &__cta {
+ a {
+ &:first-child {
+ border: 1px solid $ibexa-color-primary;
+ }
+ }
+ }
}
}
}
+
+
+
+
+
-
+
+ The latest release is [[= latest_tag_4_6 =]]
+The latest version of Ibexa DXP is [[= latest_tag_4_6 =]]. Take advantage of the newest features and enhancements.
+
+ Release notes
+
+
+ 
+
+
- 
+
+
+
+
+
+
+
+ The newest LTS Update is the Date and time attribute type
+Use it to add time-related values to product specifications.
+
+ 
+
+
Notable changes in v4.6
-
+
Most popular pages
-
+
@@ -130,7 +178,8 @@
@@ -148,7 +197,9 @@