feat: edito page and notes overview page size are not consistent - EX…

…O-65734 - Meeds-io/MIPs#70 (#715) edito page and notes overview page size are not consistent
Meeds-io · Nov 17, 2023 · c9a1622 · c9a1622
1 parent 4959907
commit c9a1622
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 9 deletions.
diff --git a/notes-webapp/src/main/webapp/skin/less/notes/notes.less b/notes-webapp/src/main/webapp/skin/less/notes/notes.less
@@ -60,18 +60,20 @@
     z-index: 1031;
     background: #eeeeee;
 
+    .notes-content-wrapper {
+      min-height: calc(~"100vh - 210px");
+    }
+
     .notes-content {
-      height: calc(~"100vh - 120px");
+      height: calc(~"100vh - 100px");
       overflow: auto;
       z-index: 5;
       background-color: #eeeeee;
       margin-top: 102px;
 
       .notes-content-form {
-        background: white;
-        margin: 20px 14% 0 14% !important;
+        margin: 20px auto !important;
         min-height: calc(~"100vh - 140px");
-
         #cke_notesContent {
           border-color: transparent;
           flex: 0 1 100%;
@@ -185,7 +187,6 @@
   .notes-application-content {
     overflow: auto;
     min-height: calc(~"100vh - 350px");
-    margin: 4px;
   }
 }
 

diff --git a/notes-webapp/src/main/webapp/vue-app/notes-editor/components/NotesEditorDashboard.vue b/notes-webapp/src/main/webapp/vue-app/notes-editor/components/NotesEditorDashboard.vue
@@ -53,8 +53,10 @@
       </div>
 
       <form class="notes-content">
-        <div class="notes-content-form px-4">
-          <div v-if="!webPageNote" class="formInputGroup notesTitle mx-3">
+        <div class="notes-content-form singlePageApplication py-1 px-5">
+          <div
+            v-if="!webPageNote"
+            class="formInputGroup notesTitle white px-5">
             <input
               id="notesTitle"
               ref="noteTitle"

diff --git a/notes-webapp/src/main/webapp/vue-app/notes/components/NotesOverview.vue b/notes-webapp/src/main/webapp/vue-app/notes/components/NotesOverview.vue
@@ -6,10 +6,10 @@
     <div>
       <div
         v-if="isAvailableNote"
-        class="notes-application white border-radius pa-6"
+        class="notes-application white border-radius pa-5"
         ref="content">
         <div class="notes-application-header">
-          <div class="notes-title d-flex justify-space-between pb-4">
+          <div class="notes-title d-flex justify-space-between pb-4 ps-1">
             <span
               ref="noteTitle"
               class="title text-color mt-n1">