Skip to content
Snippets Groups Projects
Commit ad74ebfc authored by Yurii Panchuk's avatar Yurii Panchuk
Browse files

Issue #3363409 by Panchuk: The base styles from the gridstack is outdated and not working in alpha3

parent 253d868e
No related branches found
No related tags found
1 merge request!30Issue #3363409: The base styles from the gridstack is outdated and not working in alpha3
/* @TODO REFACTOR THIS FILE. */
.grid-stack {
background-color: #ebebeb;
min-height: 1em;
......@@ -8,72 +7,47 @@
overflow: hidden !important;
}
.paragraphs-behavior .grid-stack-item-content {
border: 1px dashed #faf;
}
.grid-stack-item-content img {
width: 100%;
height: 100%;
object-fit: cover;
}
.paragraphs-behavior .--hide {
display: none;
}
.gridstack-wrapper-mobile {
max-width: 350px;
margin: 0 auto;
.paragraphs-behavior .grid-stack-item-content {
border: 1px dashed #faf;
}
.additional-functionality-wrapper {
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
align-items: center;
.paragraphs-gridstack-settings {
display: none;
}
.additional-functionality-wrapper > div {
margin: 15px 0 0 20px;
.paragraphs-gridstack-settings.active {
display: block;
}
.gridstack_view_template,
.gridstack_view,
.gridstack_view_mobile_template,
.gridstack_view_mobile,
textarea.grid_json,
textarea.grid_json_default,
textarea.grid_json_template,
textarea.grid_json_mobile,
textarea.grid_json_mobile_default,
textarea.grid_json_mobile_template {
.paragraphs-gridstack-settings .form-type--textarea {
display: none!important;
}
/* Overridden default Paragraphs summary-plugin styles */
.field--name-field-gridstack-paragraphs .behavior-active .paragraphs-expanded-description .paragraphs-plugin-wrapper {
.paragraphs-gridstack-action-parent-container,
.paragraphs-gridstack-actions-container {
position: relative;
display: flex;
flex-direction: column;
height: auto;
}
.field--name-field-gridstack-paragraphs .behavior-active .paragraphs-description .summary-plugin {
overflow-x: auto;
padding: 0;
justify-content: space-between;
flex-wrap: wrap;
width: 100%;
}
/* @TODO REFACTOR THESE STYLES BEFORE THE RELEASE. */
/*.paragraphs-behavior textarea.bp-settings {*/
/* display: none !important;*/
/*}*/
.paragraphs-behavior .bp-settings {
display: none;
.paragraphs-gridstack-action-parent-container > input {
width: 50%;
max-width: calc(50% - 0.5rem);
margin: 0.75rem 0;
}
.paragraphs-behavior .bp-settings.active {
display: block;
.paragraphs-gridstack-actions-container > input {
width: 33%;
max-width: calc(33% - 0.5rem);
margin: 0.75rem 0;
}
.paragraphs-behavior .paragraphs-gridstack-action.active {
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment