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

View file

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

View file

@ -157,8 +157,8 @@ footer {
.event-in-overview {
min-height: 100px;
margin: 5px;
width: 200px;
max-width: 200px;
width: 220px;
max-width: 225px;
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 {
list-style: none;
padding: 0;