Skip to content

Commit

Permalink
Add multirow section (#2168)
Browse files Browse the repository at this point in the history 
* Add multirow section

* Border collapse logic and general cleanup

* Conditionally remove content padding

* Reviewer feedback and formatting

* Setting and info updates

* Minor feedback

* Update 20 translation files

Co-authored-by: translation-platform[bot] <34770790+translation-platform[bot]@users.noreply.github.com>
  • Loading branch information
@kmeleta @translation-platform
kmeleta and translation-platform[bot] authored Jan 12, 2023
1 parent 655c3bf commit 475f348
Show file tree
Hide file tree
Showing 23 changed files with 3,708 additions and 23 deletions.
36 changes: 34 additions & 2 deletions assets/component-image-with-text.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -283,6 +283,7 @@
var(--text-boxes-shadow-vertical-offset)
var(--text-boxes-shadow-blur-radius)
rgba(var(--color-shadow), var(--text-boxes-shadow-opacity));
word-break: break-word;
}

@media screen and (min-width: 990px) {
Expand Down Expand Up @@ -319,19 +320,50 @@
}

.image-with-text__heading {
word-break: break-word;
margin-bottom: 0;
}

.image-with-text__text p {
word-break: break-word;
margin-top: 0;
margin-bottom: 1rem;
}

@media screen and (max-width: 749px) {
.collapse-padding .image-with-text__grid .image-with-text__content {
padding-left: 0;
padding-right: 0;
}
}

@media screen and (min-width: 750px) {
.collapse-padding .image-with-text__grid:not(.image-with-text__grid--reverse) .image-with-text__content:not(.image-with-text__content--desktop-center) {
padding-right: 0;
}

.collapse-padding .image-with-text__grid--reverse .image-with-text__content:not(.image-with-text__content--desktop-center) {
padding-left: 0;
}
}

/* check for flexbox gap in older Safari versions */
@supports not (inset: 10px) {
.image-with-text .grid {
margin-left: 0;
}
}

/*
Multirow
note: consider removing from this stylesheet if multirow-specific styles increase signficantly
*/
.multirow__inner {
display: flex;
flex-direction: column;
row-gap: var(--grid-mobile-vertical-spacing);
}

@media screen and (min-width: 750px) {
.multirow__inner {
row-gap: var(--grid-desktop-vertical-spacing);
}
}
155 changes: 154 additions & 1 deletion locales/cs.schema.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -154,7 +154,7 @@
"content": "Mřížka"
},
"paragraph__grid": {
"content": "Ovlivňuje oblasti s rozvržením s více sloupci."
"content": "Ovlivňuje oblasti s více sloupci nebo řádky."
},
"spacing_grid_horizontal": {
"label": "Mezera ve vodorovném směru"
Expand Down Expand Up @@ -3073,6 +3073,159 @@
}
}
}
},
"multirow": {
"name": "Více řádků",
"settings": {
"image": {
"label": "Obrázek"
},
"image_height": {
"options__1": {
"label": "Přizpůsobení obrázku"
},
"options__2": {
"label": "Malý"
},
"options__3": {
"label": "Střední"
},
"options__4": {
"label": "Velký"
},
"label": "Výška obrázku"
},
"desktop_image_width": {
"options__1": {
"label": "Malý"
},
"options__2": {
"label": "Střední"
},
"options__3": {
"label": "Velký"
},
"label": "Šířka obrázku v počítači",
"info": "Obrázek se automaticky optimalizuje pro mobilní prostředí."
},
"heading_size": {
"options__1": {
"label": "Malý"
},
"options__2": {
"label": "Střední"
},
"options__3": {
"label": "Velký"
},
"label": "Velikost nadpisu"
},
"text_style": {
"options__1": {
"label": "Hlavní část"
},
"options__2": {
"label": "Podtitul"
},
"label": "Textový styl"
},
"button_style": {
"options__1": {
"label": "Tlačítko v jednolité barvě"
},
"options__2": {
"label": "Tlačítko s obrysem"
},
"label": "Styl tlačítka"
},
"desktop_content_alignment": {
"options__1": {
"label": "Doleva"
},
"options__2": {
"label": "Na střed"
},
"options__3": {
"label": "Doprava"
},
"label": "Zarovnání obsahu v počítači"
},
"desktop_content_position": {
"options__1": {
"label": "Nahoře"
},
"options__2": {
"label": "Uprostřed"
},
"options__3": {
"label": "Dole"
},
"label": "Pozice obsahu v počítači",
"info": "Pozice se automaticky optimalizuje pro mobilní prostředí."
},
"image_layout": {
"options__1": {
"label": "Prostřídání zleva"
},
"options__2": {
"label": "Prostřídání zprava"
},
"options__3": {
"label": "Zarovnání doleva"
},
"options__4": {
"label": "Zarovnání doprava"
},
"label": "Poloha obrázku v počítači",
"info": "Poloha se automaticky optimalizuje pro mobilní prostředí."
},
"container_color_scheme": {
"label": "Barevné schéma kontejneru"
},
"mobile_content_alignment": {
"options__1": {
"label": "Doleva"
},
"options__2": {
"label": "Na střed"
},
"options__3": {
"label": "Doprava"
},
"label": "Zarovnání obsahu v mobilním prostředí"
},
"header_mobile": {
"content": "Mobilní rozvržení"
}
},
"blocks": {
"row": {
"name": "Řádek",
"settings": {
"image": {
"label": "Obrázek"
},
"caption": {
"label": "Titulek"
},
"heading": {
"label": "Nadpis"
},
"text": {
"label": "Text"
},
"button_label": {
"label": "Text tlačítka"
},
"button_link": {
"label": "Tlačítkový odkaz"
}
}
}
},
"presets": {
"name": "Více řádků"
}
}
}
}
155 changes: 154 additions & 1 deletion locales/da.schema.json
View file
Original file line number Diff line number Diff line change
Expand Up @@ -154,7 +154,7 @@
"content": "Gitter"
},
"paragraph__grid": {
"content": "Påvirker områder med et layout med flere kolonner."
"content": "Påvirker områder med flere kolonner eller rækker."
},
"spacing_grid_horizontal": {
"label": "Lodret afstand"
Expand Down Expand Up @@ -3073,6 +3073,159 @@
}
}
}
},
"multirow": {
"name": "Flere rækker",
"settings": {
"image": {
"label": "Billede"
},
"image_height": {
"options__1": {
"label": "Tilpas til billede"
},
"options__2": {
"label": "Lille"
},
"options__3": {
"label": "Mellem"
},
"options__4": {
"label": "Stor"
},
"label": "Billedhøjde"
},
"desktop_image_width": {
"options__1": {
"label": "Lille"
},
"options__2": {
"label": "Mellem"
},
"options__3": {
"label": "Stor"
},
"label": "Billedbredde på computer",
"info": "Billedet er automatisk optimeret til mobiltelefoner."
},
"heading_size": {
"options__1": {
"label": "Lille"
},
"options__2": {
"label": "Mellem"
},
"options__3": {
"label": "Stor"
},
"label": "Størrelse for overskrift"
},
"text_style": {
"options__1": {
"label": "Brødtekst"
},
"options__2": {
"label": "Underoverskrift"
},
"label": "Teksttypografi"
},
"button_style": {
"options__1": {
"label": "Udfyldt knap"
},
"options__2": {
"label": "Rammeknap"
},
"label": "Knaptypografi"
},
"desktop_content_alignment": {
"options__1": {
"label": "Venstre"
},
"options__2": {
"label": "Centreret"
},
"options__3": {
"label": "Højre"
},
"label": "Justering af indhold på computer"
},
"desktop_content_position": {
"options__1": {
"label": "Top"
},
"options__2": {
"label": "I midten"
},
"options__3": {
"label": "Bund"
},
"label": "Placering af indhold på computer",
"info": "Placeringen optimeres automatisk til mobil."
},
"image_layout": {
"options__1": {
"label": "Skift fra venstre"
},
"options__2": {
"label": "Skift fra højre"
},
"options__3": {
"label": "Venstrejusteret"
},
"options__4": {
"label": "Højrejusteret"
},
"label": "Billedplacering på computer",
"info": "Placeringen er automatisk optimeret til mobiltelefoner."
},
"container_color_scheme": {
"label": "Objektbeholder til farveskema"
},
"mobile_content_alignment": {
"options__1": {
"label": "Venstre"
},
"options__2": {
"label": "Centreret"
},
"options__3": {
"label": "Højre"
},
"label": "Justering af indhold på mobil"
},
"header_mobile": {
"content": "Mobillayout"
}
},
"blocks": {
"row": {
"name": "Række",
"settings": {
"image": {
"label": "Billede"
},
"caption": {
"label": "Billedtekst"
},
"heading": {
"label": "Overskrift"
},
"text": {
"label": "Sms"
},
"button_label": {
"label": "Knaptekst"
},
"button_link": {
"label": "Knaplink"
}
}
}
},
"presets": {
"name": "Flere rækker"
}
}
}
}
Loading

0 comments on commit 475f348

Please sign in to comment.