✨ (pagetop): Añade Flex/FlexItem para usar Flexbox
Container y Navbar lo adoptan vía `with_flex()`/`PropsOp::flex_item()`. Y se elimina `ButtonSet` porque su funcionalidad queda cubierta por este mecanismo más general. Incluye el ejemplo `examples/intro-flex.rs` con los patrones de uso.
This commit is contained in:
parent
4e4fdf7b10
commit
17e16652e4
26 changed files with 2023 additions and 193 deletions
63
examples/locale/en-US/intro-flex.ftl
Normal file
63
examples/locale/en-US/intro-flex.ftl
Normal file
|
|
@ -0,0 +1,63 @@
|
|||
flex_slogan = Flexbox positioning
|
||||
flex_block_title_direction = Direction
|
||||
flex_block_title_justify = Justify content
|
||||
flex_block_title_align = Align items
|
||||
flex_block_title_align_self = Align self
|
||||
flex_block_title_align_content = Align content
|
||||
flex_block_title_grow_shrink = Grow and shrink
|
||||
flex_block_title_other = Other examples
|
||||
|
||||
flex_title_direction_row = Row
|
||||
flex_title_direction_row_reverse = Row reverse
|
||||
flex_title_direction_column = Column
|
||||
flex_title_direction_column_reverse = Column reverse
|
||||
flex_title_justify_start = Justify content: start
|
||||
flex_title_justify_center = Justify content: center
|
||||
flex_title_justify_end = Justify content: end
|
||||
flex_title_justify_between = Justify content: space between
|
||||
flex_title_justify_around = Justify content: space around
|
||||
flex_title_justify_evenly = Justify content: space evenly
|
||||
flex_title_align_start = Align items: start
|
||||
flex_title_align_center = Align items: center
|
||||
flex_title_align_end = Align items: end
|
||||
flex_title_align_stretch = Align items: stretch
|
||||
flex_title_align_baseline = Align items: baseline
|
||||
flex_title_align_self_start = Align self: start
|
||||
flex_title_align_self_end = Align self: end
|
||||
flex_title_align_self_center = Align self: center
|
||||
flex_title_align_self_stretch = Align self: stretch
|
||||
flex_title_align_self_baseline = Align self: baseline
|
||||
flex_title_align_content_start = Align content: start
|
||||
flex_title_align_content_end = Align content: end
|
||||
flex_title_align_content_center = Align content: center
|
||||
flex_title_align_content_between = Align content: space between
|
||||
flex_title_align_content_around = Align content: space around
|
||||
flex_title_align_content_evenly = Align content: space evenly
|
||||
flex_title_align_content_stretch = Align content: stretch
|
||||
flex_title_grow = Growth
|
||||
flex_title_shrink = Shrink
|
||||
flex_title_push_end = Automatic margin
|
||||
flex_title_wrap = Line wrapping across multiple rows
|
||||
flex_title_order = Visual order
|
||||
flex_title_gap_none = Without spacing
|
||||
flex_title_gap_some = With spacing
|
||||
flex_title_grid_thirds = Column grid: three thirds
|
||||
flex_title_grid_offset = Column grid: centered column with offset
|
||||
flex_title_toolbar = Composite structure: toolbar
|
||||
|
||||
flex_item_label = Flex item { $n }
|
||||
|
||||
flex_box_tall = Tall
|
||||
flex_box_medium = Medium
|
||||
flex_box_short = Short
|
||||
flex_box_fixed = Fixed
|
||||
flex_box_grows = Grows to fill the space
|
||||
flex_box_start_1 = Start 1
|
||||
flex_box_start_2 = Start 2
|
||||
flex_box_end = End
|
||||
flex_box_half_centered = Half, centered
|
||||
flex_box_file = File
|
||||
flex_box_edit = Edit
|
||||
flex_box_view = View
|
||||
flex_box_profile = Profile
|
||||
flex_box_logout = Sign out
|
||||
63
examples/locale/es-ES/intro-flex.ftl
Normal file
63
examples/locale/es-ES/intro-flex.ftl
Normal file
|
|
@ -0,0 +1,63 @@
|
|||
flex_slogan = Posicionamiento con Flexbox
|
||||
flex_block_title_direction = Dirección
|
||||
flex_block_title_justify = Justificación de contenido
|
||||
flex_block_title_align = Alineación de elementos
|
||||
flex_block_title_align_self = Alineación individual
|
||||
flex_block_title_align_content = Alineación de contenido
|
||||
flex_block_title_grow_shrink = Crecimiento y reducción
|
||||
flex_block_title_other = Otros ejemplos
|
||||
|
||||
flex_title_direction_row = Fila
|
||||
flex_title_direction_row_reverse = Fila invertida
|
||||
flex_title_direction_column = Columna
|
||||
flex_title_direction_column_reverse = Columna invertida
|
||||
flex_title_justify_start = Justificación: inicio
|
||||
flex_title_justify_center = Justificación: centro
|
||||
flex_title_justify_end = Justificación: final
|
||||
flex_title_justify_between = Justificación: espacio entre elementos
|
||||
flex_title_justify_around = Justificación: espacio alrededor de cada elemento
|
||||
flex_title_justify_evenly = Justificación: espacio repartido a partes iguales
|
||||
flex_title_align_start = Alineación: inicio
|
||||
flex_title_align_center = Alineación: centro
|
||||
flex_title_align_end = Alineación: final
|
||||
flex_title_align_stretch = Alineación: estirar
|
||||
flex_title_align_baseline = Alineación: línea base
|
||||
flex_title_align_self_start = Alineación individual: inicio
|
||||
flex_title_align_self_end = Alineación individual: final
|
||||
flex_title_align_self_center = Alineación individual: centro
|
||||
flex_title_align_self_stretch = Alineación individual: estirar
|
||||
flex_title_align_self_baseline = Alineación individual: línea base
|
||||
flex_title_align_content_start = Alineación de contenido: inicio
|
||||
flex_title_align_content_end = Alineación de contenido: final
|
||||
flex_title_align_content_center = Alineación de contenido: centro
|
||||
flex_title_align_content_between = Alineación de contenido: espacio entre líneas
|
||||
flex_title_align_content_around = Alineación de contenido: espacio alrededor de cada línea
|
||||
flex_title_align_content_evenly = Alineación de contenido: espacio repartido a partes iguales
|
||||
flex_title_align_content_stretch = Alineación de contenido: estirar
|
||||
flex_title_grow = Crecimiento
|
||||
flex_title_shrink = Reducción
|
||||
flex_title_push_end = Margen automático
|
||||
flex_title_wrap = Ajuste de línea con múltiples filas
|
||||
flex_title_order = Orden visual
|
||||
flex_title_gap_none = Sin espaciado
|
||||
flex_title_gap_some = Con espaciado
|
||||
flex_title_grid_thirds = Rejilla de columnas: tres tercios
|
||||
flex_title_grid_offset = Rejilla de columnas: columna centrada con desplazamiento
|
||||
flex_title_toolbar = Estructura compuesta: barra de herramientas
|
||||
|
||||
flex_item_label = Flex ítem { $n }
|
||||
|
||||
flex_box_tall = Alto
|
||||
flex_box_medium = Medio
|
||||
flex_box_short = Bajo
|
||||
flex_box_fixed = Fijo
|
||||
flex_box_grows = Crece para llenar el espacio
|
||||
flex_box_start_1 = Inicio 1
|
||||
flex_box_start_2 = Inicio 2
|
||||
flex_box_end = Final
|
||||
flex_box_half_centered = Mitad, centrada
|
||||
flex_box_file = Archivo
|
||||
flex_box_edit = Editar
|
||||
flex_box_view = Ver
|
||||
flex_box_profile = Perfil
|
||||
flex_box_logout = Salir
|
||||
Loading…
Add table
Add a link
Reference in a new issue