diff options
author | Romain <46404814+yourcontact@users.noreply.github.com> | 2020-04-22 17:48:49 +0200 |
---|---|---|
committer | GitHub <noreply@github.com> | 2020-04-22 15:48:49 +0000 |
commit | f4d9c4e3285bc9782187e46ee0f39748925c3689 (patch) | |
tree | e717e3976c334c244e9e32e1f3cdbd1622f8d395 /src/styles/settings.scss | |
parent | docs: add saruwman as a contributor (#627) (diff) | |
download | ferdium-app-f4d9c4e3285bc9782187e46ee0f39748925c3689.tar.gz ferdium-app-f4d9c4e3285bc9782187e46ee0f39748925c3689.tar.zst ferdium-app-f4d9c4e3285bc9782187e46ee0f39748925c3689.zip |
Organize settings with horizontal tabs (#569)
* Align settings section titles on same row
* Add className to Settings Titles to copy tab layout from 'Available Services'
* Add all Settings Titles to the horizontal tab layout at the top of the form
* Add state for active settings taband onClick
* Add condition for each Settings div to show when activeSetttingsTab plus fix typo 'appearance'
* Add condition for each Settings div to show when activeSetttingsTab plus fix typo 'appearance'
* Add margins in between setting tabs
* Remove 50px of top margin to minimize blank space above tabs
* Remove temporary in between tabs now that CSS is in place
* Apply code changes
* Delete unused code const { activeSettingsTab } = this.state;
Co-authored-by: Amine Mouafik <amine@mouafik.fr>
Diffstat (limited to 'src/styles/settings.scss')
-rw-r--r-- | src/styles/settings.scss | 4 |
1 files changed, 4 insertions, 0 deletions
diff --git a/src/styles/settings.scss b/src/styles/settings.scss index 14cc91f87..580917fe2 100644 --- a/src/styles/settings.scss +++ b/src/styles/settings.scss | |||
@@ -187,6 +187,10 @@ | |||
187 | .mdi { color: $theme-gray-light; } | 187 | .mdi { color: $theme-gray-light; } |
188 | } | 188 | } |
189 | 189 | ||
190 | .settings_titles { | ||
191 | display:inline-block; | ||
192 | } | ||
193 | |||
190 | .settings__body { | 194 | .settings__body { |
191 | flex: 1; | 195 | flex: 1; |
192 | margin: 15px; | 196 | margin: 15px; |