Minor style fix for calendar card.
This commit is contained in:
parent
76401862cc
commit
f8995351c9
2 changed files with 10 additions and 1 deletions
|
@ -120,7 +120,10 @@ const CalendarFullView = (props: Props): JSX.Element|null => {
|
||||||
const renderEventContent = (eventProps: EventContentArg): JSX.Element|null => {
|
const renderEventContent = (eventProps: EventContentArg): JSX.Element|null => {
|
||||||
const {event} = eventProps
|
const {event} = eventProps
|
||||||
return (
|
return (
|
||||||
<div onClick={() => props.showCard(event.id)}>
|
<div
|
||||||
|
className='EventContent'
|
||||||
|
onClick={() => props.showCard(event.id)}
|
||||||
|
>
|
||||||
<div className='octo-icontitle'>
|
<div className='octo-icontitle'>
|
||||||
{ event.extendedProps.icon ? <div className='octo-icon'>{event.extendedProps.icon}</div> : undefined }
|
{ event.extendedProps.icon ? <div className='octo-icon'>{event.extendedProps.icon}</div> : undefined }
|
||||||
<div
|
<div
|
||||||
|
|
|
@ -13,6 +13,12 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.EventContent {
|
||||||
|
display: flex;
|
||||||
|
flex-direction: column;
|
||||||
|
align-items: flex-start;
|
||||||
|
}
|
||||||
|
|
||||||
.octo-tooltip {
|
.octo-tooltip {
|
||||||
display: flex;
|
display: flex;
|
||||||
max-width: 100%;
|
max-width: 100%;
|
||||||
|
|
Loading…
Reference in a new issue