darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-09-02 17:48:50 -04:00
Code Issues Packages Projects Releases Wiki Activity

revert changes to color:transparent

Browse Source
This commit is contained in:
Beverly Nguyen
2024-11-05 15:47:49 -08:00
parent 7a63fcfc08
commit ca96495e3d
2 changed files with 12 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
app/assets/javascripts/enhancedTextbox.js
View File

@@ -23,7 +23,7 @@
<div class='textbox-highlight-wrapper' /> <div class='textbox-highlight-wrapper' />
`) `)
.after(this.$background = $(` .after(this.$background = $(`
<div class="textbox-highlight-background" aria-hidden="true" /> <div class="textbox-highlight-background" aria-hidden="true" role="presentation"/>
`)) `))
.on("input", this.update); .on("input", this.update);
@@ -37,7 +37,7 @@
this.initialHeight = visibleTextbox.height(); this.initialHeight = visibleTextbox.height();
this.$background.css({ this.$background.css({
'border-width': this.$textbox.css('border-width') 'border-width': this.$textbox.css('border-width'),
}); });
visibleTextbox.remove(); visibleTextbox.remove();
@@ -73,16 +73,10 @@
); );
this.update = () => { this.update = () => {
const isEmpty = this.$textbox.val().trim() === "";
if (isEmpty) { this.$background.html(
this.$background.html( this.highlightPlaceholders ? this.contentReplaced() : this.contentEscaped()
this.highlightPlaceholders ? this.contentReplaced() : this.contentEscaped() );
);
this.$background.show();
} else {
this.$background.hide();
}
this.resize(); this.resize();

7
app/assets/sass/uswds/_uswds-theme-custom-styles.scss
View File

@@ -133,6 +133,7 @@ td.table-empty-message {
line-height: 1.2; line-height: 1.2;
padding: units(1); padding: units(1);
font-family: family("sans"); font-family: family("sans");
color: black;
} }
.usa-dark-background .pill-item__label { .usa-dark-background .pill-item__label {
@@ -604,12 +605,18 @@ details form {
} }
&-background { &-background {
position: absolute;
top: 0;
left: 0;
pointer-events: none; pointer-events: none;
color: black;
white-space: pre-wrap; white-space: pre-wrap;
overflow-wrap: break-word; overflow-wrap: break-word;
word-wrap: break-word; word-wrap: break-word;
border: 2px solid transparent; border: 2px solid transparent;
padding-bottom: units(3); padding-bottom: units(3);
z-index: 10;
opacity: 0;
// transparent borders become visible in high contrast modes so set to match background // transparent borders become visible in high contrast modes so set to match background
@media (-ms-high-contrast: active), (forced-colors: active) { @media (-ms-high-contrast: active), (forced-colors: active) {