Fix: Reduce z-index for some elements to prevent conflicts with embedded calendar popup

Signed-off-by: Kostiantyn Miakshyn <molodchick@gmail.com>

Author: Koc

src/components/CollectiveContainer.vue

@@ -240,7 +240,7 @@ export default {
 /* Format page title in PageContainer.vue and PageVersion.vue */
 .page-title {
 	position: relative;
-	z-index: 10022;
+	z-index: 9001;
 	padding: 0 8px;
 }
 

src/components/Page/PageInfoBar.vue

@@ -150,7 +150,7 @@ page-info-bar {
 	top: 0;
 	bottom: var(--default-grid-baseline);
 	width: var(--text-editor-max-width, var(--text-editor-max-width-default));
-	z-index: 10021;
+	z-index: 9000;
 	background-color: var(--color-main-background-translucent);
 	backdrop-filter: var(--background-blur);
 	height: var(--default-clickable-area);

src/css/editor.scss

@@ -11,6 +11,10 @@
 	--text-editor-max-width: calc(100% - 2 * 40px);
 }
 
+.text-menubar {
+	z-index: 9000 !important;
+}
+
 .sheet-view {
 	&.landing-page-widgets,
 	.page-heading-skeleton,
@@ -34,7 +38,7 @@
 	border-radius: var(--border-radius-large);
 	box-shadow: 0 1px 10px var(--color-box-shadow);
 	background-color: var(--color-main-background);
-	z-index: 10021;
+	z-index: 9000;
 }
 
 @media print {