LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

fix css and darck mode const

Browse source
This commit is contained in:
Oscar Dominguez 2019-08-18 15:24:04 -03:00 • committed by Sean Yesmunt
parent 76c178cb42
commit 0a812dc2c3
4 changed files with 68 additions and 77 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/ui/page/settings/view.jsx
View file

@ -454,10 +454,10 @@ class SettingsPage extends React.PureComponent<Props, State> {
label={__('Automatic dark mode')} label={__('Automatic dark mode')}
/> />
<Form>
<h3>{__('From: ')}</h3> <h3>{__('From: ')}</h3>
<div className="time-section"> <fieldset-group class="fieldset-group--smushed">
<FormField <FormField
className="select-hours"
type="select" type="select"
name="automatic_dark_mode_range" name="automatic_dark_mode_range"
disabled={!automaticDarkModeEnabled} disabled={!automaticDarkModeEnabled}
@ -472,7 +472,6 @@ class SettingsPage extends React.PureComponent<Props, State> {
))} ))}
</FormField> </FormField>
<FormField <FormField
className="select-hours"
label={__('minutes')} label={__('minutes')}
type="select" type="select"
name="automatic_dark_mode_range" name="automatic_dark_mode_range"
@ -486,12 +485,13 @@ class SettingsPage extends React.PureComponent<Props, State> {
</option> </option>
))} ))}
</FormField> </FormField>
</div> </fieldset-group>
</Form>
<Form>
<h3>{__('To: ')}</h3> <h3>{__('To: ')}</h3>
<div className="time-section"> <fieldset-group class="fieldset-group--smushed">
<FormField <FormField
className="select-hours"
type="select" type="select"
name="automatic_dark_mode_range" name="automatic_dark_mode_range"
disabled={!automaticDarkModeEnabled} disabled={!automaticDarkModeEnabled}
@ -506,7 +506,6 @@ class SettingsPage extends React.PureComponent<Props, State> {
))} ))}
</FormField> </FormField>
<FormField <FormField
className="select-hours"
label={__('minutes')} label={__('minutes')}
type="select" type="select"
name="automatic_dark_mode_range" name="automatic_dark_mode_range"
@ -520,7 +519,8 @@ class SettingsPage extends React.PureComponent<Props, State> {
</option> </option>
))} ))}
</FormField> </FormField>
</div> </fieldset-group>
</Form>
</fieldset-section> </fieldset-section>
</Form> </Form>
</section> </section>

3
src/ui/redux/actions/settings.js
View file

@ -3,6 +3,7 @@ import fs from 'fs';
import http from 'http'; import http from 'http';
// @endif // @endif
import { Lbry, ACTIONS, SETTINGS } from 'lbry-redux'; import { Lbry, ACTIONS, SETTINGS } from 'lbry-redux';
import * as DESKTOP_SETTINGS from 'constants/settings';
import { makeSelectClientSetting } from 'redux/selectors/settings'; import { makeSelectClientSetting } from 'redux/selectors/settings';
import analytics from 'analytics'; import analytics from 'analytics';
@ -156,7 +157,7 @@ export function doSetDarkTime(value, options) {
}; };
const mergedTimes = { ...darkModeTimes, ...modifiedTimes }; const mergedTimes = { ...darkModeTimes, ...modifiedTimes };
dispatch(doSetClientSetting(SETTINGS.DARK_MODE_TIMES, mergedTimes)); dispatch(doSetClientSetting(DESKTOP_SETTINGS.DARK_MODE_TIMES, mergedTimes));
dispatch(doUpdateIsNight()); dispatch(doUpdateIsNight());
}; };
} }

1
src/ui/scss/all.scss
View file

@ -34,7 +34,6 @@
@import 'component/pagination'; @import 'component/pagination';
@import 'component/placeholder'; @import 'component/placeholder';
@import 'component/search'; @import 'component/search';
@import 'component/settings';
@import 'component/snack-bar'; @import 'component/snack-bar';
@import 'component/spinner'; @import 'component/spinner';
@import 'component/splash'; @import 'component/splash';

9
src/ui/scss/component/_settings.scss
View file

@ -1,9 +0,0 @@
.select-hours {
display: block;
float: left;
width: auto;
}
.time-section {
display: flex;
}