diff --git a/app/views/components/widget/_widget.css.erb b/app/views/components/widget/_widget.css.erb index 7103cca5f..916934ab5 100644 --- a/app/views/components/widget/_widget.css.erb +++ b/app/views/components/widget/_widget.css.erb @@ -619,14 +619,14 @@ .fba-modal-dialog .usa-checkbox__input:checked + [class*=__label]::before, .fba-modal-dialog .usa-checkbox__input:checked:disabled + [class*=__label]::before, .fba-modal-dialog .usa-checkbox__input:checked[aria-disabled=true] + [class*=__label]::before{ - background-image:url("/img/correct8.svg"), linear-gradient(transparent, transparent); + background-image:url("<%= root_url %>img/correct8.svg"), linear-gradient(transparent, transparent); background-repeat:no-repeat; } @media (forced-colors: active){ .fba-modal-dialog .usa-checkbox__input:checked + [class*=__label]::before, .fba-modal-dialog .usa-checkbox__input:checked:disabled + [class*=__label]::before, .fba-modal-dialog .usa-checkbox__input:checked[aria-disabled=true] + [class*=__label]::before{ - background-image:url("/img/correct8-alt.svg"), linear-gradient(transparent, transparent); + background-image:url("<%= root_url %>img/correct8-alt.svg"), linear-gradient(transparent, transparent); background-repeat:no-repeat; } } @@ -884,7 +884,7 @@ } .fba-modal-dialog .usa-select{ - background-image:url("/img/usa-icons/unfold_more.svg"), linear-gradient(transparent, transparent); + background-image:url("<%= root_url %>img/usa-icons/unfold_more.svg"), linear-gradient(transparent, transparent); background-repeat:no-repeat; -webkit-appearance:none; -moz-appearance:none; @@ -1647,7 +1647,7 @@ content:"External, opens in a new tab."; } .fba-modal-dialog .usa-link--external::after{ - background-image:url("/img/usa-icons/launch.svg"); + background-image:url("<%= root_url %>img/usa-icons/launch.svg"); background-repeat:no-repeat; background-position:center center; background-size:1.75ex 1.75ex; @@ -1665,8 +1665,8 @@ .usa-link--external::after{ background:none; background-color:currentColor; - -webkit-mask-image:url("/img/usa-icons/launch.svg"), linear-gradient(transparent, transparent); - mask-image:url("/img/usa-icons/launch.svg"), linear-gradient(transparent, transparent); + -webkit-mask-image:url("<%= root_url %>img/usa-icons/launch.svg"), linear-gradient(transparent, transparent); + mask-image:url("<%= root_url %>img/usa-icons/launch.svg"), linear-gradient(transparent, transparent); -webkit-mask-position:center center; mask-position:center center; -webkit-mask-repeat:no-repeat; @@ -1691,7 +1691,7 @@ content:"External, opens in a new tab."; } .fba-modal-dialog .usa-link--external.usa-link--alt::after{ - background-image:url("/img/usa-icons-bg/launch--white.svg"); + background-image:url("<%= root_url %>img/usa-icons-bg/launch--white.svg"); background-repeat:no-repeat; background-position:center center; background-size:1.75ex 1.75ex; @@ -1709,8 +1709,8 @@ .fba-modal-dialog .usa-link--external.usa-link--alt::after{ background:none; background-color:currentColor; - -webkit-mask-image:url("/img/usa-icons/launch.svg"), linear-gradient(transparent, transparent); - mask-image:url("/img/usa-icons/launch.svg"), linear-gradient(transparent, transparent); + -webkit-mask-image:url("<%= root_url %>img/usa-icons/launch.svg"), linear-gradient(transparent, transparent); + mask-image:url("<%= root_url %>img/usa-icons/launch.svg"), linear-gradient(transparent, transparent); -webkit-mask-position:center center; mask-position:center center; -webkit-mask-repeat:no-repeat; @@ -2244,7 +2244,7 @@ text-decoration:underline; } .fba-modal-dialog .usa-banner__header-action::after{ - background-image:url("/img/usa-icons/expand_more.svg"); + background-image:url("<%= root_url %>img/usa-icons/expand_more.svg"); background-repeat:no-repeat; background-position:center center; background-size:1rem 1rem; @@ -2259,8 +2259,8 @@ .fba-modal-dialog .usa-banner__header-action::after{ background:none; background-color:#005ea2; - -webkit-mask-image:url("/img/usa-icons/expand_more.svg"), linear-gradient(transparent, transparent); - mask-image:url("/img/usa-icons/expand_more.svg"), linear-gradient(transparent, transparent); + -webkit-mask-image:url("<%= root_url %>img/usa-icons/expand_more.svg"), linear-gradient(transparent, transparent); + mask-image:url("<%= root_url %>img/usa-icons/expand_more.svg"), linear-gradient(transparent, transparent); -webkit-mask-position:center center; mask-position:center center; -webkit-mask-repeat:no-repeat; @@ -2415,7 +2415,7 @@ position:relative; } .fba-modal-dialog .usa-banner__button::after{ - background-image:url("/img/usa-icons/expand_more.svg"); + background-image:url("<%= root_url %>img/usa-icons/expand_more.svg"); background-repeat:no-repeat; background-position:center center; background-size:1rem 1rem; @@ -2430,8 +2430,8 @@ .fba-modal-dialog .usa-banner__button::after{ background:none; background-color:#005ea2; - -webkit-mask-image:url("/img/usa-icons/expand_more.svg"), linear-gradient(transparent, transparent); - mask-image:url("/img/usa-icons/expand_more.svg"), linear-gradient(transparent, transparent); + -webkit-mask-image:url("<%= root_url %>img/usa-icons/expand_more.svg"), linear-gradient(transparent, transparent); + mask-image:url("<%= root_url %>img/usa-icons/expand_more.svg"), linear-gradient(transparent, transparent); -webkit-mask-position:center center; mask-position:center center; -webkit-mask-repeat:no-repeat; @@ -2486,7 +2486,7 @@ } @media all and (max-width: 39.99em){ .fba-modal-dialog .usa-banner__button[aria-expanded=true]::after{ - background-image:url("/img/usa-icons/close.svg"); + background-image:url("<%= root_url %>img/usa-icons/close.svg"); background-repeat:no-repeat; background-position:center center; background-size:1.5rem 1.5rem; @@ -2501,8 +2501,8 @@ .fba-modal-dialog .usa-banner__button[aria-expanded=true]::after{ background:none; background-color:#005ea2; - -webkit-mask-image:url("/img/usa-icons/close.svg"), linear-gradient(transparent, transparent); - mask-image:url("/img/usa-icons/close.svg"), linear-gradient(transparent, transparent); + -webkit-mask-image:url("<%= root_url %>img/usa-icons/close.svg"), linear-gradient(transparent, transparent); + mask-image:url("<%= root_url %>img/usa-icons/close.svg"), linear-gradient(transparent, transparent); -webkit-mask-position:center center; mask-position:center center; -webkit-mask-repeat:no-repeat; @@ -2538,7 +2538,7 @@ position:relative; } .fba-modal-dialog .usa-banner__button[aria-expanded=true]::after{ - background-image:url("/img/usa-icons/expand_less.svg"); + background-image:url("<%= root_url %>img/usa-icons/expand_less.svg"); background-repeat:no-repeat; background-position:center center; background-size:1rem 1rem; @@ -2553,8 +2553,8 @@ .fba-modal-dialog .usa-banner__button[aria-expanded=true]::after{ background:none; background-color:#005ea2; - -webkit-mask-image:url("/img/usa-icons/expand_less.svg"), linear-gradient(transparent, transparent); - mask-image:url("/img/usa-icons/expand_less.svg"), linear-gradient(transparent, transparent); + -webkit-mask-image:url("<%= root_url %>img/usa-icons/expand_less.svg"), linear-gradient(transparent, transparent); + mask-image:url("<%= root_url %>img/usa-icons/expand_less.svg"), linear-gradient(transparent, transparent); -webkit-mask-position:center center; mask-position:center center; -webkit-mask-repeat:no-repeat; @@ -2657,7 +2657,7 @@ width:2rem; } .fba-modal-dialog .usa-checklist__item.usa-checklist__item--checked::before{ - background-image:url("/img/usa-icons-bg/check--blue-60v.svg"), linear-gradient(transparent, transparent); + background-image:url("<%= root_url %>img/usa-icons-bg/check--blue-60v.svg"), linear-gradient(transparent, transparent); background-repeat:no-repeat; background-position:center; background-size:1.5rem; @@ -3477,7 +3477,7 @@ } .fba-modal-dialog .usa-search [type=submit]{ - background-image:url("/img/usa-icons/search.svg"), linear-gradient(transparent, transparent); + background-image:url("<%= root_url %>img/usa-icons/search.svg"), linear-gradient(transparent, transparent); background-repeat:no-repeat; background-position:center center; background-size:1rem;