self-hosted/joplin
1
0
Fork 0
mirror of https://github.com/laurent22/joplin.git synced 2024-12-24 10:27:10 +02:00
Code Issues Releases Activity

Add dark theme to note properties dialog (#991)

Browse Source
This commit is contained in:
Caleb John 2018-11-19 15:48:10 -07:00 committed by Laurent Cozic
parent 9ed0bdfed2
commit bc1984298f
1 changed files with 22 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
ElectronClient/app/gui/NotePropertiesDialog.jsx
View File

@ -110,12 +110,12 @@ class NotePropertiesDialog extends React.Component {
width: '100%', width: '100%',
height: '100%', height: '100%',
backgroundColor: 'rgba(0,0,0,0.6)', backgroundColor: 'rgba(0,0,0,0.6)',
alignItems: 'flex-start', alignItems: 'flex-start',
justifyContent: 'center', justifyContent: 'center',
}; };
this.styles_.dialogBox = { this.styles_.dialogBox = {
backgroundColor: 'white', backgroundColor: theme.backgroundColor,
padding: 16, padding: 16,
boxShadow: '6px 6px 20px rgba(0,0,0,0.5)', boxShadow: '6px 6px 20px rgba(0,0,0,0.5)',
marginTop: 20, marginTop: 20,
@ -123,17 +123,33 @@ class NotePropertiesDialog extends React.Component {
this.styles_.controlBox = { this.styles_.controlBox = {
marginBottom: '1em', marginBottom: '1em',
color: 'black', //This will apply for the calendar
}; };
this.styles_.button = { this.styles_.button = {
minWidth: theme.buttonMinWidth, minWidth: theme.buttonMinWidth,
minHeight: theme.buttonMinHeight, minHeight: theme.buttonMinHeight,
marginLeft: 5, marginLeft: 5,
color: theme.color,
backgroundColor: theme.backgroundColor,
border: '1px solid',
borderColor: theme.dividerColor,
}; };
this.styles_.editPropertyButton = { this.styles_.editPropertyButton = {
color: theme.color, color: theme.color,
textDecoration: 'none', textDecoration: 'none',
backgroundColor: theme.backgroundColor,
border: '1px solid',
borderColor: theme.dividerColor,
};
this.styles_.input = {
display:'inline-block',
color: theme.color,
backgroundColor: theme.backgroundColor,
border: '1px solid',
borderColor: theme.dividerColor,
}; };
this.styles_.dialogTitle = Object.assign({}, theme.h1Style, { marginBottom: '1.2em' }); this.styles_.dialogTitle = Object.assign({}, theme.h1Style, { marginBottom: '1.2em' });
@ -239,7 +255,8 @@ class NotePropertiesDialog extends React.Component {
dateFormat={time.dateFormat()} dateFormat={time.dateFormat()}
timeFormat={time.timeFormat()} timeFormat={time.timeFormat()}
inputProps={{ inputProps={{
onKeyDown: (event) => onKeyDown(event, key) onKeyDown: (event) => onKeyDown(event, key),
style: styles.input
}} }}
onChange={(momentObject) => {this.setState({ editedValue: momentObject })}} onChange={(momentObject) => {this.setState({ editedValue: momentObject })}}
/> />
@ -254,7 +271,7 @@ class NotePropertiesDialog extends React.Component {
ref="editField" ref="editField"
onChange={(event) => {this.setState({ editedValue: event.target.value })}} onChange={(event) => {this.setState({ editedValue: event.target.value })}}
onKeyDown={(event) => onKeyDown(event)} onKeyDown={(event) => onKeyDown(event)}
style={{display:'inline-block'}} style={styles.input}
/> />
} }
} else { } else {