Fix search menu width

This commit is contained in:
Eike Kettner 2020-01-11 20:22:51 +01:00
parent c15701a21a
commit bb1f948f25
5 changed files with 105 additions and 115 deletions

View File

@ -212,31 +212,29 @@ view model =
viewTable : Model -> Html Msg viewTable : Model -> Html Msg
viewTable model = viewTable model =
div [] div []
[ div [ class "ui secondary menu container" ] [ div [ class "ui secondary menu" ]
[ div [ class "ui container" ] [ div [ class "horizontally fitted item" ]
[ div [ class "fitted-item" ] [ div [ class "ui icon input" ]
[ div [ class "ui icon input" ] [ input
[ input [ type_ "text"
[ type_ "text" , onInput SetQuery
, onInput SetQuery , value model.query
, value model.query , placeholder "Search"
, placeholder "Search"
]
[]
, i [ class "ui search icon" ]
[]
] ]
[]
, i [ class "ui search icon" ]
[]
] ]
, div [ class "right menu" ] ]
[ div [ class "fitted-item" ] , div [ class "right menu" ]
[ a [ div [ class "item" ]
[ class "ui primary button" [ a
, href "#" [ class "ui primary button"
, onClick InitNew , href "#"
] , onClick InitNew
[ i [ class "plus icon" ] [] ]
, text "New Settings" [ i [ class "plus icon" ] []
] , text "New Settings"
] ]
] ]
] ]

View File

@ -209,31 +209,29 @@ view model =
viewTable : Model -> Html Msg viewTable : Model -> Html Msg
viewTable model = viewTable model =
div [] div []
[ div [ class "ui secondary menu container" ] [ div [ class "ui secondary menu" ]
[ div [ class "ui container" ] [ div [ class "horizontally fitted item" ]
[ div [ class "fitted-item" ] [ div [ class "ui icon input" ]
[ div [ class "ui icon input" ] [ input
[ input [ type_ "text"
[ type_ "text" , onInput SetQuery
, onInput SetQuery , value model.query
, value model.query , placeholder "Search"
, placeholder "Search"
]
[]
, i [ class "ui search icon" ]
[]
] ]
[]
, i [ class "ui search icon" ]
[]
] ]
, div [ class "right menu" ] ]
[ div [ class "fitted-item" ] , div [ class "right menu" ]
[ a [ div [ class "item" ]
[ class "ui primary button" [ a
, href "#" [ class "ui primary button"
, onClick InitNewEquipment , href "#"
] , onClick InitNewEquipment
[ i [ class "plus icon" ] [] ]
, text "New Equipment" [ i [ class "plus icon" ] []
] , text "New Equipment"
] ]
] ]
] ]

View File

@ -209,31 +209,29 @@ view model =
viewTable : Model -> Html Msg viewTable : Model -> Html Msg
viewTable model = viewTable model =
div [] div []
[ div [ class "ui secondary menu container" ] [ div [ class "ui secondary menu" ]
[ div [ class "ui container" ] [ div [ class "horizontally fitted item" ]
[ div [ class "fitted-item" ] [ div [ class "ui icon input" ]
[ div [ class "ui icon input" ] [ input
[ input [ type_ "text"
[ type_ "text" , onInput SetQuery
, onInput SetQuery , value model.query
, value model.query , placeholder "Search"
, placeholder "Search"
]
[]
, i [ class "ui search icon" ]
[]
] ]
[]
, i [ class "ui search icon" ]
[]
] ]
, div [ class "right menu" ] ]
[ div [ class "fitted-item" ] , div [ class "right menu" ]
[ a [ div [ class "item" ]
[ class "ui primary button" [ a
, href "#" [ class "ui primary button"
, onClick InitNewOrg , href "#"
] , onClick InitNewOrg
[ i [ class "plus icon" ] [] ]
, text "New Organization" [ i [ class "plus icon" ] []
] , text "New Organization"
] ]
] ]
] ]

View File

@ -209,31 +209,29 @@ view model =
viewTable : Model -> Html Msg viewTable : Model -> Html Msg
viewTable model = viewTable model =
div [] div []
[ div [ class "ui secondary menu container" ] [ div [ class "ui secondary menu" ]
[ div [ class "ui container" ] [ div [ class "horizontally fitted item" ]
[ div [ class "fitted-item" ] [ div [ class "ui icon input" ]
[ div [ class "ui icon input" ] [ input
[ input [ type_ "text"
[ type_ "text" , onInput SetQuery
, onInput SetQuery , value model.query
, value model.query , placeholder "Search"
, placeholder "Search"
]
[]
, i [ class "ui search icon" ]
[]
] ]
[]
, i [ class "ui search icon" ]
[]
] ]
, div [ class "right menu" ] ]
[ div [ class "fitted-item" ] , div [ class "right menu" ]
[ a [ div [ class "item" ]
[ class "ui primary button" [ a
, href "#" [ class "ui primary button"
, onClick InitNewPerson , href "#"
] , onClick InitNewPerson
[ i [ class "plus icon" ] [] ]
, text "New Person" [ i [ class "plus icon" ] []
] , text "New Person"
] ]
] ]
] ]

View File

@ -209,31 +209,29 @@ view model =
viewTable : Model -> Html Msg viewTable : Model -> Html Msg
viewTable model = viewTable model =
div [] div []
[ div [ class "ui secondary menu container" ] [ div [ class "ui secondary menu" ]
[ div [ class "ui container" ] [ div [ class "horizontally fitted item" ]
[ div [ class "fitted-item" ] [ div [ class "ui icon input" ]
[ div [ class "ui icon input" ] [ input
[ input [ type_ "text"
[ type_ "text" , onInput SetQuery
, onInput SetQuery , value model.query
, value model.query , placeholder "Search"
, placeholder "Search"
]
[]
, i [ class "ui search icon" ]
[]
] ]
[]
, i [ class "ui search icon" ]
[]
] ]
, div [ class "right menu" ] ]
[ div [ class "fitted-item" ] , div [ class "right menu" ]
[ a [ div [ class "item" ]
[ class "ui primary button" [ a
, href "#" [ class "ui primary button"
, onClick InitNewTag , href "#"
] , onClick InitNewTag
[ i [ class "plus icon" ] [] ]
, text "New Tag" [ i [ class "plus icon" ] []
] , text "New Tag"
] ]
] ]
] ]