Inject CSS to improve some margins and padding that allowed scrolling left and right on mobile
This commit is contained in:
parent
43ba21129e
commit
541a61eb63
2 changed files with 31 additions and 0 deletions
27
config/asset_injector.css.remove_column_negative_margins.yml
Normal file
27
config/asset_injector.css.remove_column_negative_margins.yml
Normal file
|
@ -0,0 +1,27 @@
|
|||
uuid: f4f700e0-429a-48db-91b5-b52b42ee7223
|
||||
langcode: en
|
||||
status: true
|
||||
dependencies:
|
||||
module:
|
||||
- block_visibility_groups
|
||||
id: remove_column_negative_margins
|
||||
label: 'Remove column negative margins'
|
||||
code: |-
|
||||
.columns {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
margin-top: 0;
|
||||
}
|
||||
|
||||
.columns:last-child {
|
||||
margin-bottom-0;
|
||||
}
|
||||
media: all
|
||||
preprocess: true
|
||||
conditions:
|
||||
condition_group:
|
||||
id: condition_group
|
||||
negate: false
|
||||
block_visibility_group: ''
|
||||
contexts: { }
|
||||
conditions_require_all: true
|
|
@ -10,6 +10,10 @@ code: |-
|
|||
div.column:has(#block-octavia-mountainbanner) + div.column {
|
||||
display: none;
|
||||
}
|
||||
|
||||
div.column:has(#block-octavia-mountainbanner) {
|
||||
padding: 0.75rem 0;
|
||||
}
|
||||
media: all
|
||||
preprocess: true
|
||||
conditions:
|
||||
|
|
Loading…
Reference in a new issue