diff options
Diffstat (limited to 'client/src/app/shared/shared-forms/markdown-textarea.component.scss')
-rw-r--r-- | client/src/app/shared/shared-forms/markdown-textarea.component.scss | 20 |
1 files changed, 11 insertions, 9 deletions
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) { |