CRISTAL-462: The page title have a slightly different style on edit mode

* Moved styles to c-content.vue based on comments on the PR (#653 (comment))
xwiki-contrib · Feb 6, 2025 · 4a9873a · 4a9873a
1 parent 743d815
commit 4a9873a
Show file tree

Hide file tree

Showing 3 changed files with 16 additions and 23 deletions.
diff --git a/editors/tiptap/src/vue/c-edit-tiptap.vue b/editors/tiptap/src/vue/c-edit-tiptap.vue
@@ -437,20 +437,6 @@ TODO: should be moved to a css specific to the empty line placeholder plugin.
   content: attr(data-placeholder);
 }
 
-.doc-title {
-  max-width: var(--cr-sizes-max-page-width);
-  width: 100%;
-  display: flex;
-  flex-flow: column;
-  margin: 0;
-  font-size: var(--cr-font-size-2x-large);
-  line-height: var(--cr-font-size-2x-large);
-  outline: none;
-  border: none;
-  align-self: center;
-  justify-self: center;
-}
-
 :deep(.editor table td),
 :deep(.editor table th) {
   border: 1px solid var(--cr-color-neutral-300);

diff --git a/skin/src/vue/c-article.vue b/skin/src/vue/c-article.vue
@@ -140,6 +140,22 @@ watch(
   justify-content: center;
 }
 
+:deep(.doc-title) {
+  align-self: center;
+  display: flex;
+  border: none;
+  font-size: var(--cr-font-size-2x-large);
+  font-weight: var(--cr-font-weight-bold);
+  flex-flow: column;
+  justify-self: center;
+  outline: none;
+  margin: 0;
+  max-width: var(--cr-sizes-max-page-width);
+  width: 100%;
+  line-height: var(--cr-font-size-2x-large);
+}
+
+
 @container xwCristal (max-width: 600px) {
   .content {
     padding-left: 0 var(--cr-spacing-x-small);

diff --git a/skin/src/vue/c-content.vue b/skin/src/vue/c-content.vue
@@ -154,15 +154,6 @@ onUpdated(() => {
   height: auto;
 }
 
-.doc-title {
-  grid-area: doc-title;
-  margin: 0;
-  font-size: var(--cr-font-size-2x-large);
-  line-height: var(--cr-font-size-2x-large);
-  padding-block-start: var(--cr-spacing-small);
-  font-weight: var(--cr-font-weight-bold);
-}
-
 .doc-page-actions {
   display: flex;
   flex-wrap: wrap;