gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix: remove theme settings correctly

Browse Source
This commit is contained in:
Oliver Eyton-Williams
2019-08-22 14:14:26 +02:00
committed by mrugesh
parent 12a2b47b17
commit ab806c1e5d
3 changed files with 11 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/components/settings/Theme.js
View File

@ -4,8 +4,6 @@ import { Form } from '@freecodecamp/react-bootstrap';
import ToggleSetting from './ToggleSetting'; import ToggleSetting from './ToggleSetting';
import './theme-settings.css';
const propTypes = { const propTypes = {
currentTheme: PropTypes.string.isRequired, currentTheme: PropTypes.string.isRequired,
toggleNightMode: PropTypes.func.isRequired toggleNightMode: PropTypes.func.isRequired

10
client/src/components/settings/theme-settings.css
View File

@ -1,10 +0,0 @@
#theme-settings-container {
display: flex;
justify-content: space-between;
}
#theme-settings-container .theme-label {
display: flex;
align-items: center;
margin: 0;
}

13
client/src/components/settings/toggle-setting.css
View File

@ -4,6 +4,12 @@
margin-bottom: 5px; margin-bottom: 5px;
} }
.toggle-setting-container .toggle-label {
display: flex;
flex-direction: column;
justify-content: center;
}
.toggle-setting-container .btn-group { .toggle-setting-container .btn-group {
padding-left: 5px; padding-left: 5px;
} }
@ -23,8 +29,11 @@
flex: 0 1 auto; flex: 0 1 auto;
} }
.toggle-setting-container .btn-group, .toggle-setting-container .toggle-label {
.theme-setting-container .btn-group { justify-content: flex-start;
}
.toggle-setting-container .btn-group {
flex-direction: column; flex-direction: column;
align-items: stretch; align-items: stretch;
justify-content: flex-start; justify-content: flex-start;