fix: fix styling issue with overlapping title and subtitle in weekSelection
This commit is contained in:
parent
84def05c50
commit
bb891aea0b
1 changed files with 32 additions and 7 deletions
|
|
@ -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 []
|
, div [ class "level-item" ]
|
||||||
[ p [ class "heading" ] [ text "Kalenderwoche" ]
|
[ div
|
||||||
, p [ class "title" ]
|
[ style "display" "flex"
|
||||||
|
, 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" ] [] ]
|
||||||
|
]
|
||||||
]
|
]
|
||||||
]
|
]
|
||||||
]
|
]
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue