diff options
Diffstat (limited to 'client/src/sass/application.scss')
-rw-r--r-- | client/src/sass/application.scss | 60 |
1 files changed, 28 insertions, 32 deletions
diff --git a/client/src/sass/application.scss b/client/src/sass/application.scss index 74759348e..b120d4090 100644 --- a/client/src/sass/application.scss +++ b/client/src/sass/application.scss | |||
@@ -42,6 +42,10 @@ input.readonly { | |||
42 | background-color: #fff !important; | 42 | background-color: #fff !important; |
43 | } | 43 | } |
44 | 44 | ||
45 | input, textarea { | ||
46 | outline: none; | ||
47 | } | ||
48 | |||
45 | label { | 49 | label { |
46 | font-weight: $font-bold; | 50 | font-weight: $font-bold; |
47 | font-size: 15px; | 51 | font-size: 15px; |
@@ -174,9 +178,13 @@ label { | |||
174 | @include icon(24px); | 178 | @include icon(24px); |
175 | 179 | ||
176 | position: relative; | 180 | position: relative; |
177 | right: -1px; | 181 | top: 3px; |
178 | float: right; | 182 | float: right; |
179 | background-image: url('../assets/images/global/cross.svg'); | 183 | background-image: url('../assets/images/global/cross.svg'); |
184 | |||
185 | margin: 0; | ||
186 | padding: 0; | ||
187 | opacity: 1; | ||
180 | } | 188 | } |
181 | } | 189 | } |
182 | 190 | ||
@@ -200,47 +208,35 @@ label { | |||
200 | } | 208 | } |
201 | } | 209 | } |
202 | 210 | ||
203 | tabset:not(.bootstrap) { | 211 | // Nav customizations |
204 | .nav { | 212 | .nav .nav-link { |
205 | font-size: 16px !important; | 213 | display: flex !important; |
206 | border: none !important; | 214 | align-items: center; |
215 | height: 30px !important; | ||
216 | padding: 10px 15px !important; | ||
217 | } | ||
207 | 218 | ||
208 | .nav-item .nav-link { | 219 | .nav.nav-pills { |
209 | margin-right: 30px; | 220 | font-size: 16px !important; |
210 | padding: 0; | ||
211 | border-radius: 3px; | ||
212 | border: none !important; | ||
213 | |||
214 | .tab-link { | ||
215 | display: flex !important; | ||
216 | align-items: center; | ||
217 | min-height: 30px !important; | ||
218 | padding: 0 15px; | ||
219 | } | ||
220 | 221 | ||
221 | &, & a { | 222 | .nav-link.active { |
222 | color: #000 !important; | 223 | font-weight: $font-semibold !important; |
223 | @include disable-default-a-behaviour; | 224 | } |
224 | } | ||
225 | 225 | ||
226 | &.active, &:hover { | 226 | a { |
227 | background-color: #F0F0F0; | 227 | @include disable-default-a-behaviour; |
228 | } | ||
229 | 228 | ||
230 | &.active { | 229 | color: #000; |
231 | font-weight: $font-semibold !important; | ||
232 | } | ||
233 | } | ||
234 | } | 230 | } |
235 | } | 231 | } |
236 | 232 | ||
237 | tabset.bootstrap { | 233 | ngb-tabset.bootstrap { |
238 | margin-left: 0; | ||
239 | 234 | ||
240 | .nav-item .nav-link { | 235 | .nav-link { |
241 | &, & a { | 236 | &, & a { |
242 | color: #000; | ||
243 | @include disable-default-a-behaviour; | 237 | @include disable-default-a-behaviour; |
238 | |||
239 | color: #000 !important; | ||
244 | } | 240 | } |
245 | } | 241 | } |
246 | } | 242 | } |