scinote-eln/scinote-web
1
1
Fork 0
mirror of https://github.com/scinote-eln/scinote-web.git synced 2024-09-21 07:26:15 +08:00
Code Issues Packages Projects Releases Wiki Activity

fixes time zone styling

Browse source
This commit is contained in:
mlorb 2017-10-12 14:45:08 +02:00
parent 8bd698e5c3
commit 6cc3c2df95
1 changed files with 21 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

29
app/javascript/src/scenes/SettingsPage/scenes/preferences/components/InputTimezone.jsx
View file

@ -1,6 +1,6 @@
import React, { Component } from "react";
import { string, func } from "prop-types";
import { Button } from "react-bootstrap";
import { Button, ButtonToolbar } from "react-bootstrap";
import styled from "styled-components";
import TimezonePicker from "react-bootstrap-timezone-picker";
import "react-bootstrap-timezone-picker/dist/react-bootstrap-timezone-picker.min.css";
@ -22,6 +22,10 @@ const Wrapper = styled.div`
.settings-warning {
margin-bottom: 15px;
}
.timezone-picker {
display: block;
}
`;
const WrapperInputDisabled = styled.div`
@ -34,6 +38,13 @@ const WrapperInputDisabled = styled.div`
}
`;
const StyledTimezonePicker = styled(TimezonePicker)`
.timezone-picker-list {
max-height: 400px;
overflow-y: auto;
}
`;
class InputTimezone extends Component {
constructor(props) {
super(props);
@ -94,7 +105,7 @@ class InputTimezone extends Component {
<h4>
<FormattedMessage id="settings_page.time_zone" />
</h4>
<TimezonePicker
<StyledTimezonePicker
absolute
defaultValue="Europe/London"
value={this.state.value}
@ -106,12 +117,14 @@ class InputTimezone extends Component {
<FormattedMessage id="settings_page.time_zone_warning" />
</small>
</div>
<Button bsStyle="primary" onClick={this.disableEdit}>
<FormattedMessage id="general.cancel" />
</Button>
<Button bsStyle="default" onClick={this.handleUpdate}>
<FormattedMessage id="general.update" />
</Button>
<ButtonToolbar>
<Button bsStyle="primary" onClick={this.handleUpdate}>
<FormattedMessage id="general.update" />
</Button>
<Button bsStyle="default" onClick={this.disableEdit}>
<FormattedMessage id="general.cancel" />
</Button>
</ButtonToolbar>
</Wrapper>
);
}