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"
|
||||
, 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 []
|
||||
[ p [ class "heading" ] [ text "Kalenderwoche" ]
|
||||
, p [ class "title" ]
|
||||
, div [ class "level-item" ]
|
||||
[ div
|
||||
[ 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) ]
|
||||
, p [ class "subtitle is-6" ]
|
||||
, p
|
||||
[ class "subtitle is-6"
|
||||
, style "margin" "0"
|
||||
, style "line-height" "1.2"
|
||||
]
|
||||
[ text dateRange ]
|
||||
]
|
||||
]
|
||||
|
|
@ -2956,7 +2978,10 @@ viewWeekNavigation model =
|
|||
[ class "button is-primary"
|
||||
, 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