Commit 891f06b7 authored by Geraldine Starke's avatar Geraldine Starke
Browse files

fix(notification-menu-component): style changes

parent 2f9415b2
Pipeline #13080005 skipped with stages
......@@ -37,6 +37,9 @@ import logo from './logo.png.js'
background: 'white',
paddingBottom: '20px'
},
headerBackground: {
background: 'white',
}
client: {
textDecoration: 'none',
color: '#2196f3'
......@@ -93,7 +96,7 @@ export default class RctNotificationMenuComponent extends Component {
<Menu
PaperProps={{
style: {
width: 600,
width: 400,
}
}}
className="menu"
......@@ -105,7 +108,7 @@ export default class RctNotificationMenuComponent extends Component {
className={ classes.headerMenuItem }
divider='true'
>
<Grid container justify='space-between' alignItems='center'>
<Grid container justify='space-between' alignItems='center' className={ classes.headerBackground }>
<Grid item>
<Typography type='title'>
Notifications
......@@ -122,7 +125,7 @@ export default class RctNotificationMenuComponent extends Component {
<div key={ id }>
<MenuItem
onClick={this.handleRequestClose.bind(this)}
style={{ background: !isClicked ? '#e6e6e6' : 'none' , height: 100 }}
style={{ background: !isClicked ? '#e6e6e6' : 'none' , height: 100, paddingBottom: '0px', paddingTop: '0px' }}
divider='true'
>
<Grid container alignItems='center'>
......@@ -141,6 +144,7 @@ export default class RctNotificationMenuComponent extends Component {
classes={ {
root: classes.wrap
} }
type='body1'
>
{ type === 'event' && (
<span>Guide, &nbsp;</span>
......@@ -178,6 +182,7 @@ export default class RctNotificationMenuComponent extends Component {
<Grid item>
{ type !== 'event' && (
<Button
dense
component='a'
href='/#/event-booking/{{ link }}'
color='primary'
......@@ -187,16 +192,18 @@ export default class RctNotificationMenuComponent extends Component {
)}
{ type === 'event' && (
<Button
dense
component='a'
href='/#/booking/{{ link }}'
color='primary'
onClick={this.handleNotificationClick.bind(this, _id, isClicked === true)}
>
View { type }
</Button>
)}
</Grid>
<Grid item>
<Typography type='caption'>
<Typography type='body1'>
{ moment(timestamp).format('MM/DD/YYYY, h:mm a') }
</Typography>
</Grid>
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment