edit form css

This commit is contained in:
2023-06-19 16:12:38 +02:00
parent 116b69612f
commit 7a4d729847
3 changed files with 56 additions and 17 deletions
@@ -823,7 +823,7 @@ a {
margin: auto; } margin: auto; }
.field--name-field-subheading { .field--name-field-subheading {
font-size: 2rem; } font-size: 1rem; }
article.node-type-book { article.node-type-book {
width: 70%; } width: 70%; }
@@ -840,25 +840,34 @@ article.node-type-book {
box-shadow: 0px 0px 1px black; } box-shadow: 0px 0px 1px black; }
.node-book-edit-form { .node-book-edit-form {
width: 70%; width: 80%;
background-color: #f2f2f2; border-top-style: solid;
padding: 5rem; padding: 5rem;
font-size: 1rem; } font-size: 1rem; }
.node-book-edit-form .js-filter-wrapper.js-form-wrapper.form-wrapper { .node-book-edit-form .js-filter-wrapper.js-form-wrapper.form-wrapper {
font-size: 1rem; } font-size: 1rem;
.node-book-edit-form .js-filter-wrapper.js-form-wrapper.form-wrapper label { color: rgba(0, 0, 0, 0.2); }
visibility: hidden;
font-size: 1rem; }
.node-book-edit-form .js-filter-wrapper.js-form-wrapper.form-wrapper ul { .node-book-edit-form .js-filter-wrapper.js-form-wrapper.form-wrapper ul {
list-style: none; } list-style: none; }
.node-book-edit-form #field-article-values { .node-book-edit-form #field-article-values {
border: hidden; border-collapse: separate;
border-bottom: 1px;
margin: 3rem; } margin: 3rem; }
.node-book-edit-form #field-article-values tr { .node-book-edit-form #field-article-values tr {
margin: 3rem;
padding: 3rem; } padding: 3rem; }
.node-book-edit-form #field-article-values .paragraph-type { .node-book-edit-form #field-article-values .paragraph-type {
box-shadow: 1px, black; } 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*/ /*partials*/
.layout-container { .layout-container {
@@ -1,5 +1,5 @@
.field--name-field-subheading{ .field--name-field-subheading{
font-size: 2rem; font-size: 1rem;
} }
@@ -39,30 +39,60 @@
// } // }
.node-book-edit-form{ .node-book-edit-form{
width: 70%; width: 80%;
background-color: #f2f2f2; // background-color: #f1f1f0;
border-top-style: solid;
padding: 5rem; padding: 5rem;
font-size: 1rem; font-size: 1rem;
.js-filter-wrapper.js-form-wrapper.form-wrapper{ .js-filter-wrapper.js-form-wrapper.form-wrapper{
font-size: 1rem; font-size: 1rem;
label{ color:rgba(0, 0, 0, 0.2);
visibility: hidden; .field--name-field-subheading{
font-size: 1rem;
} }
ul{ ul{
list-style: none; list-style: none;
} }
} }
#field-article-values{ #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; margin: 3rem;
tr{ tr{
margin: 3rem;
padding: 3rem; padding: 3rem;
} }
.paragraph-type{ .paragraph-type{
box-shadow: 1px, black; 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;
}
}
}
}