[stable25] Bring back menubar without formatting on plain text mode

src/components/Editor.vue

@@ -36,7 +36,14 @@
 			<MainContainer v-if="$editor">
 				<!-- Readonly -->
 				<div v-if="readOnly" class="text-editor--readonly-bar">
-					<ReadonlyBar />
+					<ReadonlyBar>
+						<Status :document="document"
+							:dirty="dirty"
+							:sessions="filteredSessions"
+							:sync-error="syncError"
+							:has-connection-issue="hasConnectionIssue"
+							:last-saved-string="lastSavedString" />
+					</ReadonlyBar>
 				</div>
 				<!-- Rich Menu -->
 				<template v-else>
@@ -266,12 +273,16 @@ export default {
 		displayed() {
 			return this.currentSession && this.active
 		},
-		renderMenus() {
+		renderRichEditorMenus() {
 			return this.contentLoaded
 				&& this.isRichEditor
 				&& !this.syncError
 				&& !this.readOnly
 		},
+		renderMenus() {
+			return this.contentLoaded
+				&& !this.syncError
+		},
 		imagePath() {
 			return this.relativePath.split('/').slice(0, -1).join('/')
 		},

src/components/Editor/SessionList.vue

@@ -144,10 +144,6 @@ export default {
 		display: inline-flex;
 		flex-direction: row-reverse;
 
-		&:focus {
-			background-color: #eee;
-		}
-
 		.avatar-wrapper {
 			margin: 0 -18px 0 0;
 			z-index: 1;

src/components/Menu/MenuBar.vue

@@ -184,7 +184,7 @@ export default {
 				clearInterval(this.$checkInterval)
 			}
 
-			if (isWidthAvailable) {
+			if (isWidthAvailable || !this.$isRichEditor) {
 				this.$nextTick(() => {
 					this.isReady = true
 				})

src/components/Menu/ReadonlyBar.vue

@@ -8,6 +8,9 @@
 				v-bind="{ actionEntry }"
 				:key="`text-action--${actionEntry.key}`" />
 		</div>
+		<div class="text-menubar__slot">
+			<slot />
+		</div>
 	</div>
 </template>
 
@@ -28,6 +31,9 @@ export default defineComponent({
 </script>
 
 <style scoped>
+.text-readonly-bar {
+	display: flex;
+}
 .text-readonly-bar__entries {
 	display: flex;
 	flex-grow: 1;