Skip to content

Commit 039aca5

Browse files
authored
Invalid forms style (#1143)
1 parent 27b9b85 commit 039aca5

File tree

3 files changed

+24
-0
lines changed

3 files changed

+24
-0
lines changed

pgml-dashboard/static/css/scss/abstracts/variables.scss

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -193,6 +193,9 @@ $form-range-thumb-active-bg: #{$primary};
193193
$form-range-thumb-bg: #{$primary};
194194
$form-range-thumb-border: 4px solid #{$neon-tint-100};
195195
$form-range-track-bg: #111213;
196+
$form-feedback-icon-invalid: none;
197+
$form-feedback-icon-valid: none;
198+
$form-feedback-invalid-color: #{$error};
196199

197200
$input-box-shadow: none;
198201
$form-switch-checked-color: #{$gray-100};

pgml-dashboard/static/css/scss/components/_forms.scss

Lines changed: 15 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -257,6 +257,21 @@
257257
caret-color: #{$input-color};
258258
}
259259

260+
.form-control {
261+
&.is-invalid {
262+
&:focus {
263+
box-shadow: none;
264+
border-width: 2px;
265+
}
266+
267+
padding-right: #{$input-padding-x};
268+
}
269+
}
270+
271+
.invalid-feedback {
272+
--bs-danger-text: #{$error};
273+
}
274+
260275
.hourly-rate {
261276
display: flex;
262277
flex-direction: row;

pgml-dashboard/static/css/scss/layout/_utilities.scss

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -97,3 +97,9 @@
9797
.min-vw-0 {
9898
min-width: 0;
9999
}
100+
101+
.min-vh-lg-100 {
102+
@include media-breakpoint-up(lg) {
103+
min-height: 100vh;
104+
}
105+
}

0 commit comments

Comments
 (0)
pFad - Phonifier reborn

Pfad - The Proxy pFad of © 2024 Garber Painting. All rights reserved.

Note: This service is not intended for secure transactions such as banking, social media, email, or purchasing. Use at your own risk. We assume no liability whatsoever for broken pages.


Alternative Proxies:

Alternative Proxy

pFad Proxy

pFad v3 Proxy

pFad v4 Proxy