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
"has-recording" ->
[ 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" ->
[ 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" ->
[ i
[ classList [ ( "fa", True ), ( "fa-ban", True ), ( "pull-right", True ) ] ]
[ classList [ ( "fa", True ), ( "fa-ban", True ), ( "pull-right", True ), ( "fa-fw", True ) ] ]
[]
]
_ ->
[]
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

View file

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