More styling.

This commit is contained in:
Vidir Valberg Gudmundsson 2017-07-20 01:45:51 +02:00
parent 1bcc3a0ba0
commit 5dfda5ec8c
3 changed files with 24 additions and 4 deletions

View file

@ -15,7 +15,6 @@ import Date exposing (Date)
import Html exposing (Html, text, a, div) import Html exposing (Html, text, a, div)
import Html.Attributes exposing (class, classList, href, id) import Html.Attributes exposing (class, classList, href, id)
import Html.Events exposing (onClick)
import Date.Extra import Date.Extra
@ -38,7 +37,13 @@ dayPicker model =
Nothing -> Nothing ->
True True
in in
div [ class "row" ] div
[ classList
[ ( "row", True )
, ( "sticky", True )
]
, id "daypicker"
]
[ div [ id "schedule-days", class "btn-group" ] [ div [ id "schedule-days", class "btn-group" ]
([ a ([ a
[ classList [ classList

View file

@ -62,6 +62,7 @@ filterSidebar model =
, ( "col-sm-push-9", True ) , ( "col-sm-push-9", True )
, ( "schedule-sidebar", True ) , ( "schedule-sidebar", True )
, ( "schedule-filter", True ) , ( "schedule-filter", True )
, ( "sticky", True )
] ]
] ]
[ h4 [] [ text "Filter" ] [ h4 [] [ text "Filter" ]

View file

@ -157,8 +157,8 @@ footer {
.event-in-overview { .event-in-overview {
min-height: 100px; min-height: 100px;
margin: 5px; margin: 5px;
width: 200px; width: 220px;
max-width: 200px; max-width: 225px;
min-width: 200px; min-width: 200px;
} }
@ -234,6 +234,20 @@ footer {
} }
} }
.schedule-sidebar {
top: 120px;
}
.sticky {
position: sticky;
background-color: #fff;
z-index: 9999;
}
#daypicker {
top: 80px;
}
#schedule-days { #schedule-days {
list-style: none; list-style: none;
padding: 0; padding: 0;