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/badge.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/badge.scss')
| -rw-r--r-- | src/styles/badge.scss | 1 |
1 files changed, 1 insertions, 0 deletions
diff --git a/src/styles/badge.scss b/src/styles/badge.scss index 69879de31..728200d03 100644 --- a/src/styles/badge.scss +++ b/src/styles/badge.scss | |||
| @@ -4,6 +4,7 @@ | |||
| 4 | background: $dark-theme-gray; | 4 | background: $dark-theme-gray; |
| 5 | border-radius: $theme-border-radius-small; | 5 | border-radius: $theme-border-radius-small; |
| 6 | color: $dark-theme-gray-lightest; | 6 | color: $dark-theme-gray-lightest; |
| 7 | margin-right: 10px; | ||
| 7 | 8 | ||
| 8 | &.badge--primary, | 9 | &.badge--primary, |
| 9 | &.badge--premium { | 10 | &.badge--premium { |