diff --git a/app/javascript/packs/styles.scss b/app/javascript/packs/styles.scss index 7cea8637f..431483806 100644 --- a/app/javascript/packs/styles.scss +++ b/app/javascript/packs/styles.scss @@ -3,7 +3,6 @@ $icon-font-path: "~bootstrap-sass/assets/fonts/bootstrap/"; @import "~bootstrap-sass/assets/stylesheets/bootstrap"; @import "~font-awesome/scss/font-awesome"; -@import "react-bootstrap-timezone-picker/dist/react-bootstrap-timezone-picker.min.css"; @import "~react-bootstrap-table/dist/react-bootstrap-table.min"; @import "react-tagsinput/react-tagsinput.css"; diff --git a/app/javascript/src/components/data_table/index.jsx b/app/javascript/src/components/data_table/index.jsx index d09141641..45a4b05f5 100644 --- a/app/javascript/src/components/data_table/index.jsx +++ b/app/javascript/src/components/data_table/index.jsx @@ -54,6 +54,15 @@ const StyledBootstrapTable = styled(BootstrapTable)` display: inline-block !important; } } + + // fixes issue with dropdown in datatable + .react-bootstrap-table-dropdown-fix { + overflow: inherit !important; + } + + .react-bs-container-body { + overflow: inherit !important; + } `; class DataTable extends Component { diff --git a/app/javascript/src/scenes/SettingsPage/scenes/preferences/components/InputTimezone.jsx b/app/javascript/src/scenes/SettingsPage/scenes/preferences/components/InputTimezone.jsx index 1dc3cf290..35dcc4531 100644 --- a/app/javascript/src/scenes/SettingsPage/scenes/preferences/components/InputTimezone.jsx +++ b/app/javascript/src/scenes/SettingsPage/scenes/preferences/components/InputTimezone.jsx @@ -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 {

- - - + + + + ); } diff --git a/app/javascript/src/styles/main.scss b/app/javascript/src/styles/main.scss index 86bcdf9f8..fa4d592e1 100644 --- a/app/javascript/src/styles/main.scss +++ b/app/javascript/src/styles/main.scss @@ -48,15 +48,6 @@ body { } } -// // fixes issue with dropdown in datatable -.react-bootstrap-table-dropdown-fix { - overflow: inherit !important; -} - -.react-bs-container-body { - overflow: inherit !important; -} - // tags input .react-tagsinput--focused { border-color: $color-theme-primary;