diff --git a/features/standard/Autosave.feature b/features/standard/Autosave.feature
index 7375e9f890..71d8db2e94 100644
--- a/features/standard/Autosave.feature
+++ b/features/standard/Autosave.feature
@@ -45,7 +45,7 @@ Feature: Content Items creation
| label | value |
| Title | Test Article Autosave Off draft |
| Short title | Test Article Autosave Off draft |
- And I check if "Autosave is off" notification is displayed
+ And I check if "Autosave is off, draft not created" notification is displayed
And I open the "Dashboard" page in admin SiteAccess
Then there's no draft "Test Article Autosave Off draft" on Dashboard list
diff --git a/src/bundle/Resources/public/js/scripts/admin.content.edit.js b/src/bundle/Resources/public/js/scripts/admin.content.edit.js
index 6627502684..665ab83a19 100644
--- a/src/bundle/Resources/public/js/scripts/admin.content.edit.js
+++ b/src/bundle/Resources/public/js/scripts/admin.content.edit.js
@@ -159,7 +159,7 @@
const saveDate = ibexa.helpers.timezone.convertDateToTimezone(new Date(), userPreferredTimezone);
const saveTime = moment(saveDate).formatICU('HH:mm');
const saveMessage = Translator.trans(
- /*@Desc("Draft saved %time%")*/ 'content_edit.autosave.status_saved.message.full',
+ /*@Desc("Autosave is on, draft saved %time%")*/ 'content_edit.autosave.status_saved.message.full',
{ time: saveTime },
'ibexa_content',
);
diff --git a/src/bundle/Resources/public/scss/_autosave.scss b/src/bundle/Resources/public/scss/_autosave.scss
index 5c43560b54..2094ebf03b 100644
--- a/src/bundle/Resources/public/scss/_autosave.scss
+++ b/src/bundle/Resources/public/scss/_autosave.scss
@@ -39,14 +39,6 @@
}
}
- &--saved {
- color: $ibexa-color-success;
-
- .ibexa-autosave__icon-saved {
- fill: $ibexa-color-success;
- }
- }
-
&--error {
color: $ibexa-color-danger;
diff --git a/src/bundle/Resources/public/scss/_context-menu.scss b/src/bundle/Resources/public/scss/_context-menu.scss
index 2da8333898..d265da20bc 100644
--- a/src/bundle/Resources/public/scss/_context-menu.scss
+++ b/src/bundle/Resources/public/scss/_context-menu.scss
@@ -1,5 +1,6 @@
.ibexa-context-menu-wrapper {
display: flex;
+ width: 100%;
}
.ibexa-context-menu {
diff --git a/src/bundle/Resources/public/scss/_edit-header.scss b/src/bundle/Resources/public/scss/_edit-header.scss
index 71ad2675a6..80ba342cc2 100644
--- a/src/bundle/Resources/public/scss/_edit-header.scss
+++ b/src/bundle/Resources/public/scss/_edit-header.scss
@@ -61,7 +61,10 @@
display: flex;
flex-direction: column;
justify-content: center;
+ white-space: nowrap;
padding-left: 0;
+ margin-top: calculateRem(20px);
+ height: calculateRem(48px);
.ibexa-icon {
margin-right: calculateRem(8px);
@@ -77,22 +80,12 @@
color: $ibexa-color-dark-400;
}
}
-
- &--right {
- .ibexa-autosave {
- position: absolute;
- top: calculateRem(96px);
- right: calculateRem(64px);
- }
- }
}
&__context-actions {
display: flex;
- position: absolute;
- top: calculateRem(36px);
- right: calculateRem(64px);
- width: 55%;
+ margin-top: calculateRem(20px);
+ width: 100%;
}
&__tooltip {
@@ -110,6 +103,7 @@
color: $ibexa-color-dark-400;
opacity: 1;
transition: all $ibexa-admin-transition-duration $ibexa-admin-transition;
+ margin: 0;
}
&__subtitle {
@@ -137,8 +131,10 @@
}
.ibexa-autosave {
- opacity: 1;
- transition: all $ibexa-admin-transition-duration $ibexa-admin-transition;
+ display: inline-block;
+ border-left: calculateRem(1px) solid $ibexa-color-light;
+ padding-left: calculateRem(12px);
+ margin-left: calculateRem(12px);
}
&--slim {
@@ -193,10 +189,5 @@
}
}
}
-
- .ibexa-autosave {
- opacity: 0;
- height: 0;
- }
}
}
diff --git a/src/bundle/Resources/translations/ibexa_content.en.xliff b/src/bundle/Resources/translations/ibexa_content.en.xliff
index 5cac0dfa24..602535d1a6 100644
--- a/src/bundle/Resources/translations/ibexa_content.en.xliff
+++ b/src/bundle/Resources/translations/ibexa_content.en.xliff
@@ -6,6 +6,11 @@