autocomplete-loading.module.pcss.css

Same filename in this branch
  1. 10 core/themes/claro/css/components/autocomplete-loading.module.pcss.css
Same filename in other branches
  1. 9 core/themes/olivero/css/components/autocomplete-loading.module.pcss.css
  2. 9 core/themes/claro/css/components/autocomplete-loading.module.pcss.css
  3. 8.9.x core/themes/claro/css/components/autocomplete-loading.module.pcss.css
  4. 11.x core/themes/olivero/css/components/autocomplete-loading.module.pcss.css
  5. 11.x core/themes/claro/css/components/autocomplete-loading.module.pcss.css

Visual styles for autocomplete input field.

File

core/themes/olivero/css/components/autocomplete-loading.module.pcss.css

View source
  1. /**
  2. * @file
  3. * Visual styles for autocomplete input field.
  4. */
  5. @import "../base/media-queries.pcss.css";
  6. [type].form-autocomplete {
  7. padding-inline-end: var(--sp3);
  8. background-color: var(--color--white);
  9. background-image: url("../../images/magnifying-glass.svg");
  10. background-repeat: no-repeat;
  11. background-position: right var(--sp1) center; /* LTR */
  12. &:disabled {
  13. background-color: var(--color--gray-100);
  14. }
  15. &.ui-autocomplete-loading {
  16. background-image: url("../../images/throbber.svg");
  17. }
  18. &:dir(rtl) {
  19. background-position: left var(--sp1) center;
  20. }
  21. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.