diff options
Diffstat (limited to 'src/styles')
-rw-r--r-- | src/styles/auth.scss | 59 | ||||
-rw-r--r-- | src/styles/settings.scss | 95 |
2 files changed, 154 insertions, 0 deletions
diff --git a/src/styles/auth.scss b/src/styles/auth.scss index e60c4971c..53c03a40a 100644 --- a/src/styles/auth.scss +++ b/src/styles/auth.scss | |||
@@ -61,6 +61,12 @@ | |||
61 | width: 350px; | 61 | width: 350px; |
62 | 62 | ||
63 | &.auth__container--signup { width: 450px; } | 63 | &.auth__container--signup { width: 450px; } |
64 | |||
65 | &.auth__container--releasenotes { | ||
66 | width: 90%; | ||
67 | height: -webkit-fill-available; | ||
68 | max-height: 80%; | ||
69 | } | ||
64 | } | 70 | } |
65 | 71 | ||
66 | .auth__logo { | 72 | .auth__logo { |
@@ -92,6 +98,32 @@ | |||
92 | } | 98 | } |
93 | } | 99 | } |
94 | 100 | ||
101 | .releasenotes__body { | ||
102 | overflow-y: scroll; | ||
103 | |||
104 | &::-webkit-scrollbar { | ||
105 | width: 8px; | ||
106 | } | ||
107 | |||
108 | /* Track */ | ||
109 | &::-webkit-scrollbar-track { | ||
110 | background: none; | ||
111 | border-radius: 10px; | ||
112 | -webkit-border-radius: 10px; | ||
113 | } | ||
114 | |||
115 | /* Handle */ | ||
116 | &::-webkit-scrollbar-thumb { | ||
117 | background: $theme-gray-lighter; | ||
118 | border-radius: 10px; | ||
119 | -webkit-border-radius: 10px; | ||
120 | } | ||
121 | |||
122 | &::-webkit-scrollbar-thumb:window-inactive { | ||
123 | background: none; | ||
124 | } | ||
125 | } | ||
126 | |||
95 | .touchid__button { | 127 | .touchid__button { |
96 | margin-bottom: 25px; | 128 | margin-bottom: 25px; |
97 | } | 129 | } |
@@ -135,6 +167,7 @@ | |||
135 | padding-top: 2%; | 167 | padding-top: 2%; |
136 | padding-bottom: 2%; | 168 | padding-bottom: 2%; |
137 | justify-content: center; | 169 | justify-content: center; |
170 | height: fit-content; | ||
138 | } | 171 | } |
139 | 172 | ||
140 | .auth__adlk { | 173 | .auth__adlk { |
@@ -168,3 +201,29 @@ | |||
168 | text-align: center; | 201 | text-align: center; |
169 | } | 202 | } |
170 | } | 203 | } |
204 | |||
205 | .auth__main--releasenotes { | ||
206 | margin: 4% 2% 0% 4%; | ||
207 | display: flex; | ||
208 | flex-direction: column; | ||
209 | justify-content: center; | ||
210 | height: -webkit-fill-available; | ||
211 | } | ||
212 | |||
213 | .auth__header { | ||
214 | font-size: x-large; | ||
215 | display: inline-flex; | ||
216 | flex-direction: row; | ||
217 | align-content: center; | ||
218 | justify-content: center; | ||
219 | flex-wrap: wrap; | ||
220 | height: fit-content; | ||
221 | |||
222 | &-item__secondary { | ||
223 | padding-left: 5px | ||
224 | } | ||
225 | } | ||
226 | |||
227 | .auth__body { | ||
228 | margin-top: 2%; | ||
229 | } | ||
diff --git a/src/styles/settings.scss b/src/styles/settings.scss index 76d167fd4..f16fc91fd 100644 --- a/src/styles/settings.scss +++ b/src/styles/settings.scss | |||
@@ -234,6 +234,10 @@ | |||
234 | 234 | ||
235 | .settings__header-item { | 235 | .settings__header-item { |
236 | @extend %headline; | 236 | @extend %headline; |
237 | |||
238 | &__secondary { | ||
239 | padding-left: 5px | ||
240 | } | ||
237 | } | 241 | } |
238 | 242 | ||
239 | .separator { | 243 | .separator { |
@@ -630,3 +634,94 @@ | |||
630 | display: inline-block; | 634 | display: inline-block; |
631 | } | 635 | } |
632 | } | 636 | } |
637 | |||
638 | .settings__updates__changelog-button { | ||
639 | margin-left: 2% !important; | ||
640 | } | ||
641 | |||
642 | .releasenotes__body { | ||
643 | line-height: 150%; | ||
644 | |||
645 | h1 { | ||
646 | margin-top: 0; | ||
647 | font-weight: 400; | ||
648 | font-size: xx-large; | ||
649 | text-align: center; | ||
650 | } | ||
651 | |||
652 | h2 { | ||
653 | margin-top: 10%; | ||
654 | font-weight: 400; | ||
655 | font-size: x-large; | ||
656 | text-align: center; | ||
657 | margin-bottom: 2%; | ||
658 | } | ||
659 | |||
660 | h3 { | ||
661 | margin-top: 5%; | ||
662 | font-weight: 400; | ||
663 | font-size: large; | ||
664 | text-align: center; | ||
665 | margin-bottom: 2%; | ||
666 | } | ||
667 | |||
668 | h4 { | ||
669 | margin-top: 5%; | ||
670 | font-weight: 400; | ||
671 | font-size: medium; | ||
672 | text-align: center; | ||
673 | margin-bottom: 2%; | ||
674 | } | ||
675 | |||
676 | h5 { | ||
677 | margin-top: 5%; | ||
678 | font-weight: 400; | ||
679 | text-align: center; | ||
680 | margin-bottom: 2%; | ||
681 | } | ||
682 | |||
683 | p { | ||
684 | margin-top: 4%; | ||
685 | margin-bottom: 4%; | ||
686 | user-select: text; | ||
687 | } | ||
688 | |||
689 | a { | ||
690 | color: rgb(0, 102, 255) !important; | ||
691 | user-select: text; | ||
692 | } | ||
693 | |||
694 | code { | ||
695 | background: #f4f4f4; | ||
696 | border: 1px solid #ddd; | ||
697 | border-radius: 5px; | ||
698 | padding: 0.2em 0.4em; | ||
699 | font-size: 85%; | ||
700 | color: #666; | ||
701 | font-family: monospace; | ||
702 | margin-bottom: 1.6em; | ||
703 | max-width: 100%; | ||
704 | overflow: auto; | ||
705 | user-select: text; | ||
706 | } | ||
707 | |||
708 | ul { | ||
709 | padding-left: 2rem; | ||
710 | } | ||
711 | |||
712 | li { | ||
713 | margin-top: 2%; | ||
714 | list-style-type: disc; | ||
715 | user-select: text; | ||
716 | } | ||
717 | |||
718 | img { | ||
719 | max-width: 100%; | ||
720 | margin-top: 2%; | ||
721 | margin-bottom: 2%; | ||
722 | align-items: center; | ||
723 | display: block; | ||
724 | margin-left: auto; | ||
725 | margin-right: auto; | ||
726 | } | ||
727 | } | ||