From 7a4d729847e2a9e7c1344cd18b7f1d18cc0038bf Mon Sep 17 00:00:00 2001
From: ouidade <ouidade@figureslibres.io>
Date: Mon, 19 Jun 2023 16:12:38 +0200
Subject: [PATCH] edit form css

---
 .../custom/rorschach/css-compiled/styles.css  | 27 ++++++++----
 .../rorschach/scss/pages/_bookpage.scss       |  2 +-
 .../rorschach/scss/pages/_editform.scss       | 44 ++++++++++++++++---
 3 files changed, 56 insertions(+), 17 deletions(-)

diff --git a/web/themes/custom/rorschach/css-compiled/styles.css b/web/themes/custom/rorschach/css-compiled/styles.css
index 707c882..77dd4ef 100644
--- a/web/themes/custom/rorschach/css-compiled/styles.css
+++ b/web/themes/custom/rorschach/css-compiled/styles.css
@@ -823,7 +823,7 @@ a {
           margin: auto; }
 
 .field--name-field-subheading {
-  font-size: 2rem; }
+  font-size: 1rem; }
 
 article.node-type-book {
   width: 70%; }
@@ -840,25 +840,34 @@ article.node-type-book {
     box-shadow: 0px 0px 1px black; }
 
 .node-book-edit-form {
-  width: 70%;
-  background-color: #f2f2f2;
+  width: 80%;
+  border-top-style: solid;
   padding: 5rem;
   font-size: 1rem; }
   .node-book-edit-form .js-filter-wrapper.js-form-wrapper.form-wrapper {
-    font-size: 1rem; }
-    .node-book-edit-form .js-filter-wrapper.js-form-wrapper.form-wrapper label {
-      visibility: hidden;
-      font-size: 1rem; }
+    font-size: 1rem;
+    color: rgba(0, 0, 0, 0.2); }
     .node-book-edit-form .js-filter-wrapper.js-form-wrapper.form-wrapper ul {
       list-style: none; }
   .node-book-edit-form #field-article-values {
-    border: hidden;
-    border-bottom: 1px;
+    border-collapse: separate;
     margin: 3rem; }
     .node-book-edit-form #field-article-values tr {
+      margin: 3rem;
       padding: 3rem; }
     .node-book-edit-form #field-article-values .paragraph-type {
       box-shadow: 1px, black; }
+    .node-book-edit-form #field-article-values .paragraph-type-label {
+      font-weight: 800;
+      background-color: rgba(140, 234, 247, 0.2);
+      padding: 3rem; }
+
+.js-form-type-tablefield table {
+  width: 100%; }
+  .js-form-type-tablefield table td {
+    overflow: hidden; }
+    .js-form-type-tablefield table td input {
+      border-style: none; }
 
 /*partials*/
 .layout-container {
diff --git a/web/themes/custom/rorschach/scss/pages/_bookpage.scss b/web/themes/custom/rorschach/scss/pages/_bookpage.scss
index 09f4e11..8a519cb 100644
--- a/web/themes/custom/rorschach/scss/pages/_bookpage.scss
+++ b/web/themes/custom/rorschach/scss/pages/_bookpage.scss
@@ -1,5 +1,5 @@
 .field--name-field-subheading{
-    font-size: 2rem;
+    font-size: 1rem;
 }
 
 
diff --git a/web/themes/custom/rorschach/scss/pages/_editform.scss b/web/themes/custom/rorschach/scss/pages/_editform.scss
index 368f87f..76e991a 100644
--- a/web/themes/custom/rorschach/scss/pages/_editform.scss
+++ b/web/themes/custom/rorschach/scss/pages/_editform.scss
@@ -39,30 +39,60 @@
 // }
 
 .node-book-edit-form{
-    width: 70%;
-    background-color: #f2f2f2;
+    width: 80%;
+    // background-color: #f1f1f0;
+    border-top-style: solid;
     padding: 5rem;
     font-size: 1rem;
     .js-filter-wrapper.js-form-wrapper.form-wrapper{
         font-size: 1rem;
-        label{
-            visibility: hidden;
-            font-size: 1rem;
+        color:rgba(0, 0, 0, 0.2);
+        .field--name-field-subheading{
         }
+
         ul{
             list-style: none;
         }
     }
     #field-article-values{
-        border: hidden;
-        border-bottom: 1px;
+
+        border-collapse: separate;
+        // border-bottom: 1px;
+        // border-inline-end-width: thick; 
+        // writing-mode: horizontal-tb;
         margin: 3rem;
         tr{
+            margin: 3rem;
             padding: 3rem;
         }
         .paragraph-type{
             box-shadow: 1px, black;
         }
+        .paragraph-type-label{
+            font-weight: 800;
+            background-color: rgba(140, 234, 247, 0.2);
+            padding: 3rem;
+        }
     }
 
+}
+
+.js-form-type-tablefield{
+    table{
+        width: 100%;
+        td{
+            overflow: hidden;
+            // overflow-wrap: break-word;
+            // white-space: nowrap;
+            // // width: 100%;
+            input{
+            border-style: none;
+            // margin: 1rem;
+            // text-overflow: ellipsis;
+            // overflow-wrap: break-word;
+            // width: fit-content;
+            }
+
+        }
+    }
 }
\ No newline at end of file