Merge pull request #258 from bornhack/schedule-styling

Give icons fixed width so that they are not crammed together
This commit is contained in:
Víðir Valberg Guðmundsson 2018-08-05 00:22:47 +02:00 committed by GitHub
commit 763f38f70a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 24 additions and 8 deletions

View file

@ -80,25 +80,25 @@ dayEventInstanceIcons eventInstance =
case eventInstance.videoState of case eventInstance.videoState of
"has-recording" -> "has-recording" ->
[ i [ i
[ classList [ ( "fa", True ), ( "fa-film", True ), ( "pull-right", True ) ] ] [ classList [ ( "fa", True ), ( "fa-film", True ), ( "pull-right", True ), ( "fa-fw", True ) ] ]
[] []
] ]
"to-be-recorded" -> "to-be-recorded" ->
[ i [ i
[ classList [ ( "fa", True ), ( "fa-video-camera", True ), ( "pull-right", True ) ] ] [ classList [ ( "fa", True ), ( "fa-video-camera", True ), ( "pull-right", True ), ( "fa-fw", True ) ] ]
[] []
] ]
"not-to-be-recorded" -> "not-to-be-recorded" ->
[ i [ i
[ classList [ ( "fa", True ), ( "fa-ban", True ), ( "pull-right", True ) ] ] [ classList [ ( "fa", True ), ( "fa-ban", True ), ( "pull-right", True ), ( "fa-fw", True ) ] ]
[] []
] ]
_ -> _ ->
[] []
in in
[ i [ classList [ ( "fa", True ), ( "fa-" ++ eventInstance.locationIcon, True ), ( "pull-right", True ) ] ] [] [ i [ classList [ ( "fa", True ), ( "fa-" ++ eventInstance.locationIcon, True ), ( "pull-right", True ), ( "fa-fw", True ) ] ] []
] ]
++ videoIcon ++ videoIcon

View file

@ -16384,9 +16384,13 @@ var _user$project$Views_ScheduleOverview$dayEventInstanceIcons = function (event
_1: { _1: {
ctor: '::', ctor: '::',
_0: {ctor: '_Tuple2', _0: 'pull-right', _1: true}, _0: {ctor: '_Tuple2', _0: 'pull-right', _1: true},
_1: {
ctor: '::',
_0: {ctor: '_Tuple2', _0: 'fa-fw', _1: true},
_1: {ctor: '[]'} _1: {ctor: '[]'}
} }
} }
}
}), }),
_1: {ctor: '[]'} _1: {ctor: '[]'}
}, },
@ -16410,9 +16414,13 @@ var _user$project$Views_ScheduleOverview$dayEventInstanceIcons = function (event
_1: { _1: {
ctor: '::', ctor: '::',
_0: {ctor: '_Tuple2', _0: 'pull-right', _1: true}, _0: {ctor: '_Tuple2', _0: 'pull-right', _1: true},
_1: {
ctor: '::',
_0: {ctor: '_Tuple2', _0: 'fa-fw', _1: true},
_1: {ctor: '[]'} _1: {ctor: '[]'}
} }
} }
}
}), }),
_1: {ctor: '[]'} _1: {ctor: '[]'}
}, },
@ -16436,9 +16444,13 @@ var _user$project$Views_ScheduleOverview$dayEventInstanceIcons = function (event
_1: { _1: {
ctor: '::', ctor: '::',
_0: {ctor: '_Tuple2', _0: 'pull-right', _1: true}, _0: {ctor: '_Tuple2', _0: 'pull-right', _1: true},
_1: {
ctor: '::',
_0: {ctor: '_Tuple2', _0: 'fa-fw', _1: true},
_1: {ctor: '[]'} _1: {ctor: '[]'}
} }
} }
}
}), }),
_1: {ctor: '[]'} _1: {ctor: '[]'}
}, },
@ -16471,9 +16483,13 @@ var _user$project$Views_ScheduleOverview$dayEventInstanceIcons = function (event
_1: { _1: {
ctor: '::', ctor: '::',
_0: {ctor: '_Tuple2', _0: 'pull-right', _1: true}, _0: {ctor: '_Tuple2', _0: 'pull-right', _1: true},
_1: {
ctor: '::',
_0: {ctor: '_Tuple2', _0: 'fa-fw', _1: true},
_1: {ctor: '[]'} _1: {ctor: '[]'}
} }
} }
}
}), }),
_1: {ctor: '[]'} _1: {ctor: '[]'}
}, },