diff options
Diffstat (limited to 'client/src/app/shared/shared-forms')
5 files changed, 19 insertions, 15 deletions
diff --git a/client/src/app/shared/shared-forms/input-toggle-hidden.component.scss b/client/src/app/shared/shared-forms/input-toggle-hidden.component.scss index d2f68e2a4..e03e9b19f 100644 --- a/client/src/app/shared/shared-forms/input-toggle-hidden.component.scss +++ b/client/src/app/shared/shared-forms/input-toggle-hidden.component.scss | |||
@@ -3,11 +3,11 @@ | |||
3 | 3 | ||
4 | input { | 4 | input { |
5 | @include peertube-input-text(auto); | 5 | @include peertube-input-text(auto); |
6 | @include padding-left(15px !important); | ||
7 | @include padding-right(15px !important); | ||
6 | 8 | ||
7 | // set again properties of peertube-input-text that are overriden by .input-group | 9 | // set again properties of peertube-input-text that are overriden by .input-group |
8 | font-size: 15px !important; | 10 | font-size: 15px !important; |
9 | padding-left: 15px !important; | ||
10 | padding-right: 15px !important; | ||
11 | } | 11 | } |
12 | 12 | ||
13 | .eye-button { | 13 | .eye-button { |
diff --git a/client/src/app/shared/shared-forms/markdown-textarea.component.scss b/client/src/app/shared/shared-forms/markdown-textarea.component.scss index 1f72dbc32..a34d9ebea 100644 --- a/client/src/app/shared/shared-forms/markdown-textarea.component.scss +++ b/client/src/app/shared/shared-forms/markdown-textarea.component.scss | |||
@@ -24,12 +24,13 @@ $input-border-radius: 3px; | |||
24 | } | 24 | } |
25 | 25 | ||
26 | .nav-preview { | 26 | .nav-preview { |
27 | @include padding-left(10px); | ||
28 | @include padding-right(10px); | ||
29 | |||
27 | display: block; | 30 | display: block; |
28 | text-align: right; | 31 | text-align: end; |
29 | padding-top: 10px; | 32 | padding-top: 10px; |
30 | padding-bottom: 10px; | 33 | padding-bottom: 10px; |
31 | padding-left: 10px; | ||
32 | padding-right: 10px; | ||
33 | border-top: 1px dashed $input-border-color; | 34 | border-top: 1px dashed $input-border-color; |
34 | border-left: 1px solid $input-border-color; | 35 | border-left: 1px solid $input-border-color; |
35 | border-right: 1px solid $input-border-color; | 36 | border-right: 1px solid $input-border-color; |
@@ -77,7 +78,7 @@ $input-border-radius: 3px; | |||
77 | border-bottom: 2px solid pvar(--mainColor); | 78 | border-bottom: 2px solid pvar(--mainColor); |
78 | 79 | ||
79 | :first-child { | 80 | :first-child { |
80 | margin-left: auto; | 81 | @include margin-left(auto); |
81 | } | 82 | } |
82 | 83 | ||
83 | ::ng-deep { | 84 | ::ng-deep { |
@@ -91,7 +92,7 @@ $input-border-radius: 3px; | |||
91 | } | 92 | } |
92 | 93 | ||
93 | .maximize-button { | 94 | .maximize-button { |
94 | margin-left: 5px; | 95 | @include margin-left(5px); |
95 | } | 96 | } |
96 | } | 97 | } |
97 | } | 98 | } |
@@ -120,10 +121,11 @@ $input-border-radius: 3px; | |||
120 | 121 | ||
121 | .nav-preview { | 122 | .nav-preview { |
122 | @include nav-preview-medium(); | 123 | @include nav-preview-medium(); |
124 | @include padding-right(0); | ||
125 | @include padding-left(0); | ||
126 | |||
123 | padding-top: #{$nav-preview-vertical-padding / 2}; | 127 | padding-top: #{$nav-preview-vertical-padding / 2}; |
124 | padding-bottom: #{$nav-preview-vertical-padding / 2}; | 128 | padding-bottom: #{$nav-preview-vertical-padding / 2}; |
125 | padding-left: 0; | ||
126 | padding-right: 0; | ||
127 | position: absolute; | 129 | position: absolute; |
128 | background-color: pvar(--mainBackgroundColor); | 130 | background-color: pvar(--mainBackgroundColor); |
129 | width: 100% !important; | 131 | width: 100% !important; |
@@ -132,7 +134,7 @@ $input-border-radius: 3px; | |||
132 | border-right: 0; | 134 | border-right: 0; |
133 | 135 | ||
134 | :last-child { | 136 | :last-child { |
135 | margin-right: pvar(--horizontalMarginContent); | 137 | @include margin-right(pvar(--horizontalMarginContent)); |
136 | } | 138 | } |
137 | } | 139 | } |
138 | 140 | ||
@@ -181,11 +183,11 @@ $input-border-radius: 3px; | |||
181 | .nav-preview { | 183 | .nav-preview { |
182 | ::ng-deep .nav-link { | 184 | ::ng-deep .nav-link { |
183 | @include ellipsis(); | 185 | @include ellipsis(); |
186 | @include margin-right(10px !important); | ||
184 | 187 | ||
185 | display: block !important; | 188 | display: block !important; |
186 | max-width: 45% !important; | 189 | max-width: 45% !important; |
187 | padding: 5px 0 !important; | 190 | padding: 5px 0 !important; |
188 | margin-right: 10px !important; | ||
189 | text-align: center; | 191 | text-align: center; |
190 | 192 | ||
191 | &:not(.active) { | 193 | &:not(.active) { |
diff --git a/client/src/app/shared/shared-forms/peertube-checkbox.component.scss b/client/src/app/shared/shared-forms/peertube-checkbox.component.scss index 203b82d0b..54479fed7 100644 --- a/client/src/app/shared/shared-forms/peertube-checkbox.component.scss +++ b/client/src/app/shared/shared-forms/peertube-checkbox.component.scss | |||
@@ -36,7 +36,8 @@ | |||
36 | } | 36 | } |
37 | 37 | ||
38 | .recommended { | 38 | .recommended { |
39 | margin-left: .5rem; | 39 | @include margin-left(.5rem); |
40 | |||
40 | align-self: baseline; | 41 | align-self: baseline; |
41 | display: inline-block; | 42 | display: inline-block; |
42 | padding: 4px 6px; | 43 | padding: 4px 6px; |
diff --git a/client/src/app/shared/shared-forms/reactive-file.component.scss b/client/src/app/shared/shared-forms/reactive-file.component.scss index 84c23c1d6..a23b28147 100644 --- a/client/src/app/shared/shared-forms/reactive-file.component.scss +++ b/client/src/app/shared/shared-forms/reactive-file.component.scss | |||
@@ -16,7 +16,8 @@ | |||
16 | } | 16 | } |
17 | 17 | ||
18 | .filename { | 18 | .filename { |
19 | @include margin-left(5px); | ||
20 | |||
19 | font-weight: $font-semibold; | 21 | font-weight: $font-semibold; |
20 | margin-left: 5px; | ||
21 | } | 22 | } |
22 | } | 23 | } |
diff --git a/client/src/app/shared/shared-forms/select/select-shared.component.scss b/client/src/app/shared/shared-forms/select/select-shared.component.scss index 7006adab1..9a796f545 100644 --- a/client/src/app/shared/shared-forms/select/select-shared.component.scss +++ b/client/src/app/shared/shared-forms/select/select-shared.component.scss | |||
@@ -43,10 +43,10 @@ ng-select ::ng-deep { | |||
43 | my-select-options + input { | 43 | my-select-options + input { |
44 | @include peertube-input-text($form-base-input-width); | 44 | @include peertube-input-text($form-base-input-width); |
45 | 45 | ||
46 | margin-left: 5px; | 46 | @include margin-left(5px); |
47 | display: block; | 47 | display: block; |
48 | } | 48 | } |
49 | 49 | ||
50 | .input-suffix { | 50 | .input-suffix { |
51 | margin-left: 5px; | 51 | @include margin-left(5px); |
52 | } | 52 | } |