fix: fix styling issue with overlapping title and subtitle in weekSelection

This commit is contained in:
Patryk Hegenberg 2025-11-08 11:38:09 +01:00
parent 84def05c50
commit bb891aea0b

View file

@ -2938,15 +2938,37 @@ viewWeekNavigation model =
[ class "button is-primary" [ class "button is-primary"
, onClick PreviousWeek , onClick PreviousWeek
] ]
[ text " Vorherige Woche" ] [ span [ class "icon" ]
[ i [ class "fas fa-chevron-left" ] [] ]
, span [] [ text "Vorherige Woche" ]
]
] ]
] ]
, div [ class "level-item has-text-centered" ] , div [ class "level-item" ]
[ div [] [ div
[ p [ class "heading" ] [ text "Kalenderwoche" ] [ style "display" "flex"
, p [ class "title" ] , style "flex-direction" "column"
, style "align-items" "center"
, style "gap" "0.5rem"
, style "min-width" "250px" -- Verhindert Kompression
]
[ p
[ class "heading"
, style "margin" "0"
, style "line-height" "1.2"
]
[ text "Kalenderwoche" ]
, p
[ class "title is-3"
, style "margin" "0"
, style "line-height" "1.2"
]
[ text ("KW " ++ String.fromInt model.currentWeek ++ " / " ++ String.fromInt model.currentYear) ] [ text ("KW " ++ String.fromInt model.currentWeek ++ " / " ++ String.fromInt model.currentYear) ]
, p [ class "subtitle is-6" ] , p
[ class "subtitle is-6"
, style "margin" "0"
, style "line-height" "1.2"
]
[ text dateRange ] [ text dateRange ]
] ]
] ]
@ -2956,7 +2978,10 @@ viewWeekNavigation model =
[ class "button is-primary" [ class "button is-primary"
, onClick NextWeek , onClick NextWeek
] ]
[ text "Nächste Woche " ] [ span [] [ text "Nächste Woche" ]
, span [ class "icon" ]
[ i [ class "fas fa-chevron-right" ] [] ]
]
] ]
] ]
] ]