github.com/pf-qiu/concourse/v6@v6.7.3-0.20201207032516-1f455d73275f/web/elm/src/Login/Styles.elm (about) 1 module Login.Styles exposing 2 ( loginComponent 3 , loginContainer 4 , loginItem 5 , loginText 6 , logoutButton 7 ) 8 9 import Colors 10 import Html 11 import Html.Attributes exposing (style) 12 13 14 loginComponent : List (Html.Attribute msg) 15 loginComponent = 16 [ style "max-width" "20%" 17 , style "background-color" Colors.topBarBackground 18 ] 19 20 21 loginContainer : List (Html.Attribute msg) 22 loginContainer = 23 [ style "position" "relative" 24 , style "display" "flex" 25 , style "flex-direction" "column" 26 , style "border-left" <| 27 "1px solid " 28 ++ Colors.background 29 , style "line-height" "54px" 30 ] 31 32 33 loginItem : List (Html.Attribute msg) 34 loginItem = 35 [ style "padding" "0 30px" 36 , style "cursor" "pointer" 37 , style "display" "flex" 38 , style "align-items" "center" 39 , style "justify-content" "center" 40 , style "flex-grow" "1" 41 ] 42 43 44 loginText : List (Html.Attribute msg) 45 loginText = 46 [ style "overflow" "hidden" 47 , style "text-overflow" "ellipsis" 48 ] 49 50 51 logoutButton : List (Html.Attribute msg) 52 logoutButton = 53 [ style "position" "absolute" 54 , style "top" "55px" 55 , style "background-color" Colors.topBarBackground 56 , style "height" "54px" 57 , style "width" "100%" 58 , style "border-top" <| "1px solid " ++ Colors.background 59 , style "cursor" "pointer" 60 , style "display" "flex" 61 , style "align-items" "center" 62 , style "justify-content" "center" 63 , style "flex-grow" "1" 64 ]