Skip to content

Commit

Permalink
Fixed invisible .form-hint element
Browse files Browse the repository at this point in the history
.form-hint element wasn't been displayed when non-nested inside #front-main, due to the colour $form-hint-color variable. This variable will now take effect only when nested inside #front-main element. Any other .form-hint will have #666 colours.
  • Loading branch information
lucascumsille authored and dracos committed Oct 29, 2023
1 parent 8acfea5 commit a604e84
Show file tree
Hide file tree
Showing 2 changed files with 3 additions and 4 deletions.
3 changes: 2 additions & 1 deletion web/cobrands/sass/_base.scss
Original file line number Diff line number Diff line change
Expand Up @@ -2430,8 +2430,8 @@ label .muted {

.form-hint {
display: block;
color: $form-hint-color;
margin-bottom: 0.5em;
color: #666;

// Reduce space between labels and their form-hints
label + & {
Expand Down Expand Up @@ -2669,6 +2669,7 @@ label .muted {
}
.form-hint {
margin-bottom: 0.5em;
color: $form-hint-color;
}
p {
margin: 0.5em 0 0;
Expand Down
4 changes: 1 addition & 3 deletions web/cobrands/sass/_layout.scss
Original file line number Diff line number Diff line change
Expand Up @@ -832,6 +832,7 @@ textarea.form-error {
}
.form-hint {
margin-top: -0.25em;
color: $form-hint-color-desktop;
}
h2 {
font-style:normal;
Expand All @@ -854,9 +855,6 @@ textarea.form-error {
label {
margin:0.5em 0;
}
.form-hint {
color: $form-hint-color-desktop;
}
div {
width:20em;
}
Expand Down

0 comments on commit a604e84

Please sign in to comment.