Skip to content

Commit 9bdd245

Browse files
authored
Merge pull request #2355 from tf/counter-improvements
Counter improvements
2 parents f614c0e + 4eef373 commit 9bdd245

25 files changed

Lines changed: 1506 additions & 248 deletions

File tree

entry_types/scrolled/config/locales/de.yml

Lines changed: 43 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -277,12 +277,17 @@ de:
277277
attributes:
278278
countingSpeed:
279279
inline_help: Lege fest, wie schnell die Zählanimation ablaufen soll.
280-
label: Zählanimation
280+
label: Zählgeschwindigkeit
281281
values:
282282
fast: Schnell
283283
medium: Mittel
284-
none: "(Keine)"
285284
slow: Langsam
285+
countingAnimation:
286+
label: Zählanimation
287+
values:
288+
none: "(Keine)"
289+
plain: Einfach
290+
wheel: Zählwerk
286291
decimalPlaces:
287292
inline_help: Bestimme, wie wieviele Nachkommastellen gezeigt werden sollen.
288293
label: Nachkommastellen
@@ -297,7 +302,11 @@ de:
297302
fadeInScaleUp: Einblenden und vergrößern
298303
none: "(Keine)"
299304
numberColor:
300-
label: Farbe
305+
label: Farbe Zahl
306+
unitColor:
307+
label: Farbe Einheit
308+
descriptionColor:
309+
label: Farbe Beschreibung
301310
startValue:
302311
inline_help: Bei diesem Wert beginnt die Zählanimation.
303312
label: Startwert
@@ -310,14 +319,15 @@ de:
310319
targetValue:
311320
inline_help: Zahlenwert, der angezeigt werden soll. Die Zählanimation endet bei diesem Wert.
312321
label: Zielwert
313-
textSize:
314-
inline_help: Bestimme die Textgröße der Zahl.
315-
label: Schriftgröße
316-
values:
317-
large: Groß
318-
medium: Mittel
319-
small: Klein
320-
verySmall: Sehr klein
322+
numberSize:
323+
inline_help: Bestimme die Schriftgröße der Zahl.
324+
label: Schriftgröße Zahl
325+
unitSize:
326+
inline_help: Relative Größe der Einheit basierend auf der Schriftgröße der Zahl.
327+
label: Schriftgröße Einheit
328+
descriptionSize:
329+
inline_help: Bestimme die Schriftgröße der Beschreibung.
330+
label: Schriftgröße Beschreibung
321331
unit:
322332
inline_help: Text der vor oder hinter der Zahl gezeigt werden soll.
323333
label: Einheit
@@ -327,6 +337,14 @@ de:
327337
values:
328338
leading: Vor dem Betrag ($100)
329339
trailing: Nach dem Betrag (100%)
340+
textAlign:
341+
label: Textausrichtung
342+
blank: "(Automatisch)"
343+
values:
344+
left: Links
345+
center: Mitte
346+
centerRagged: Zentriert
347+
right: Rechts
330348
thousandsSeparators:
331349
label: "Tausendertrennzeichen anzeigen"
332350
inline_help: "Zum Beispiel 1.000, wenn Deutsch als Sprache für den Beitrag eingestellt ist."
@@ -1510,11 +1528,25 @@ de:
15101528
Standardmäßig Elemente auf kleineren Bildschirmen
15111529
die gesamte Breite des Viewports nutzen lassen.
15121530
typography_sizes:
1531+
xxxl: Riesig
1532+
xxl: Extra groß
15131533
xl: Sehr groß
15141534
lg: Groß
15151535
md: Mittel
15161536
sm: Klein
15171537
xs: Sehr klein
1538+
xxs: Extra klein
1539+
xxxs: Winzig
1540+
short:
1541+
xxxl: XXXL
1542+
xxl: XXL
1543+
xl: XL
1544+
lg: L
1545+
md: M
1546+
sm: S
1547+
xs: XS
1548+
xxs: XXS
1549+
xxxs: XXXS
15181550
link_button_variant_attributes:
15191551
linkButtonVariant:
15201552
label: Button-Variante

entry_types/scrolled/config/locales/en.yml

Lines changed: 42 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -270,12 +270,17 @@ en:
270270
attributes:
271271
countingSpeed:
272272
inline_help: Determine the speed of the counting animation.
273-
label: Counting animation
273+
label: Counting speed
274274
values:
275275
fast: Fast
276276
medium: Medium
277-
none: "(None)"
278277
slow: Slow
278+
countingAnimation:
279+
label: Counting animation
280+
values:
281+
none: "(None)"
282+
plain: Simple
283+
wheel: Rolling digits
279284
decimalPlaces:
280285
inline_help: Determine how many decimal places shall be visible.
281286
label: Decimal places
@@ -290,7 +295,11 @@ en:
290295
fadeInScaleUp: Fade in and scale up
291296
none: "(None)"
292297
numberColor:
293-
label: Color
298+
label: Number color
299+
unitColor:
300+
label: Unit color
301+
descriptionColor:
302+
label: Description color
294303
startValue:
295304
inline_help: The counting animation starts with this value
296305
label: Start value
@@ -303,14 +312,15 @@ en:
303312
targetValue:
304313
inline_help: Value to display. Final value for counting animation.
305314
label: Target value
306-
textSize:
315+
numberSize:
307316
inline_help: Determine the font size of the number.
308-
label: Text size
309-
values:
310-
large: Large
311-
medium: Medium
312-
small: Small
313-
verySmall: Very small
317+
label: Number size
318+
unitSize:
319+
inline_help: Relative size of the unit based on the number size.
320+
label: Unit size
321+
descriptionSize:
322+
inline_help: Determine the font size of the description.
323+
label: Description size
314324
unit:
315325
inline_help: Display a text before or after the number.
316326
label: Unit
@@ -320,6 +330,14 @@ en:
320330
values:
321331
leading: Leading ($100)
322332
trailing: Trailing (100%)
333+
textAlign:
334+
label: Text alignment
335+
blank: "(Auto)"
336+
values:
337+
left: Left
338+
center: Center
339+
centerRagged: Center (ragged)
340+
right: Right
323341
thousandsSeparators:
324342
label: "Display thousands separators"
325343
inline_help: "For example, 1,000 in stories with English language setting."
@@ -1493,11 +1511,25 @@ en:
14931511
By default, make elements span the full width of the
14941512
viewport on smaller screens.
14951513
typography_sizes:
1514+
xxxl: Huge
1515+
xxl: Extra large
14961516
xl: Very large
14971517
lg: Large
14981518
md: Medium
14991519
sm: Small
15001520
xs: Very small
1521+
xxs: Extra small
1522+
xxxs: Tiny
1523+
short:
1524+
xxxl: XXXL
1525+
xxl: XXL
1526+
xl: XL
1527+
lg: L
1528+
md: M
1529+
sm: S
1530+
xs: XS
1531+
xxs: XXS
1532+
xxxs: XXXS
15011533
link_button_variant_attributes:
15021534
linkButtonVariant:
15031535
label: Button Variante

entry_types/scrolled/lib/pageflow_scrolled/plugin.rb

Lines changed: 50 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -47,6 +47,56 @@ def configure(config)
4747
}
4848
)
4949

50+
c.themes.register_default_options(
51+
typography: {
52+
'counterNumber-xxxl' => {
53+
font_size: '200px', line_height: '1',
54+
sm: {font_size: '350px'}
55+
},
56+
'counterNumber-xxl' => {
57+
font_size: '150px', line_height: '1',
58+
sm: {font_size: '265px'}
59+
},
60+
'counterNumber-xl' => {
61+
font_size: '110px', line_height: '1',
62+
sm: {font_size: '200px'}
63+
},
64+
'counterNumber-lg' => {
65+
font_size: '86px', line_height: '1',
66+
sm: {font_size: '150px'}
67+
},
68+
'counterNumber-md' => {
69+
font_size: '66px', line_height: '1',
70+
sm: {font_size: '110px'}
71+
},
72+
'counterNumber-sm' => {
73+
font_size: '52px', line_height: '1',
74+
sm: {font_size: '86px'}
75+
},
76+
'counterNumber-xs' => {
77+
font_size: '40px', line_height: '1.1',
78+
sm: {font_size: '66px', line_height: '1'}
79+
},
80+
'counterNumber-xxs' => {
81+
font_size: '34px', line_height: '1.1',
82+
sm: {font_size: '52px', line_height: '1'}
83+
},
84+
'counterNumber-xxxs' => {
85+
font_size: '28px', line_height: '1.1',
86+
sm: {font_size: '40px', line_height: '1'}
87+
},
88+
'counterUnit-md' => {font_size: '1em'},
89+
'counterUnit-sm' => {font_size: '0.7em'},
90+
'counterUnit-xs' => {font_size: '0.5em'},
91+
'counterDescription-lg' => {
92+
font_size: '28px', line_height: '1.1',
93+
sm: {font_size: '40px', line_height: '1'}
94+
},
95+
'counterDescription-md' => {font_size: '22px'},
96+
'counterDescription-sm' => {font_size: '18px'}
97+
}
98+
)
99+
50100
c.file_types.register(Pageflow::BuiltInFileType.image)
51101
c.file_types.register(Pageflow::BuiltInFileType.video)
52102
c.file_types.register(Pageflow::BuiltInFileType.audio)

0 commit comments

Comments
 (0)