Skip to content
GitLab
Explore
Sign in
Primary navigation
Search or go to…
Project
P
paragraphs_gridstack
Manage
Activity
Members
Labels
Plan
Wiki
Custom issue tracker
Code
Merge requests
4
Repository
Branches
Commits
Tags
Repository graph
Compare revisions
Snippets
Locked files
Build
Pipelines
Jobs
Pipeline schedules
Artifacts
Deploy
Model registry
Analyze
Value stream analytics
Contributor analytics
CI/CD analytics
Repository analytics
Code review analytics
Insights
Model experiments
Help
Help
Support
GitLab documentation
Compare GitLab plans
Community forum
Contribute to GitLab
Provide feedback
Terms and privacy
Keyboard shortcuts
?
Snippets
Groups
Projects
Show more breadcrumbs
project
paragraphs_gridstack
Commits
ad74ebfc
Commit
ad74ebfc
authored
1 year ago
by
Yurii Panchuk
Browse files
Options
Downloads
Patches
Plain Diff
Issue
#3363409
by Panchuk: The base styles from the gridstack is outdated and not working in alpha3
parent
253d868e
No related branches found
Branches containing commit
No related tags found
Tags containing commit
1 merge request
!30
Issue #3363409: The base styles from the gridstack is outdated and not working in alpha3
Changes
1
Hide whitespace changes
Inline
Side-by-side
Showing
1 changed file
css/gridstack-base.css
+21
-47
21 additions, 47 deletions
css/gridstack-base.css
with
21 additions
and
47 deletions
css/gridstack-base.css
+
21
−
47
View file @
ad74ebfc
/* @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
>
d
iv
{
margin
:
15px
0
0
20px
;
.
paragraphs-gridstack-settings.act
iv
e
{
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
{
...
...
This diff is collapsed.
Click to expand it.
Preview
0%
Loading
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Save comment
Cancel
Please
register
or
sign in
to comment