autocomplete-loading.module.css

Same filename in this branch
  1. 10 core/themes/stable9/css/system/components/autocomplete-loading.module.css
  2. 10 core/themes/claro/css/components/autocomplete-loading.module.css
  3. 10 core/modules/system/css/components/autocomplete-loading.module.css
  4. 10 core/misc/components/autocomplete-loading.module.css
  5. 10 core/themes/stable9/css/core/components/autocomplete-loading.module.css
Same filename in other branches
  1. 9 core/themes/olivero/css/components/autocomplete-loading.module.css
  2. 9 core/themes/stable9/css/system/components/autocomplete-loading.module.css
  3. 9 core/themes/claro/css/components/autocomplete-loading.module.css
  4. 9 core/themes/stable/css/system/components/autocomplete-loading.module.css
  5. 9 core/modules/system/css/components/autocomplete-loading.module.css
  6. 8.9.x core/themes/claro/css/components/autocomplete-loading.module.css
  7. 8.9.x core/themes/stable/css/system/components/autocomplete-loading.module.css
  8. 8.9.x core/modules/system/css/components/autocomplete-loading.module.css
  9. 11.x core/themes/olivero/css/components/autocomplete-loading.module.css
  10. 11.x core/themes/stable9/css/system/components/autocomplete-loading.module.css
  11. 11.x core/themes/claro/css/components/autocomplete-loading.module.css
  12. 11.x core/modules/system/css/components/autocomplete-loading.module.css
  13. 11.x core/misc/components/autocomplete-loading.module.css
  14. 11.x core/themes/stable9/css/core/components/autocomplete-loading.module.css

Visual styles for autocomplete input field.

File

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

View source
  1. /*
  2. * DO NOT EDIT THIS FILE.
  3. * See the following change record for more information,
  4. * https://www.drupal.org/node/3084859
  5. * @preserve
  6. */
  7. /**
  8. * @file
  9. * Visual styles for autocomplete input field.
  10. */
  11. [type].form-autocomplete {
  12. padding-inline-end: var(--sp3);
  13. background-color: var(--color--white);
  14. background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18.8' viewBox='0 0 18 18.8'%3e %3cpath fill='%237e96a7' d='M17.8,17.4l-3.6-3.6c1.4-1.5,2.2-3.4,2.2-5.6c0-4.5-3.7-8.2-8.2-8.2S0,3.7,0,8.2s3.7,8.2,8.2,8.2c1.8,0,3.4-0.6,4.7-1.5l3.7,3.7c0.3,0.3,0.8,0.3,1.2,0C18.1,18.3,18.1,17.7,17.8,17.4z M8.2,14.7c-3.6,0-6.5-2.9-6.5-6.5s2.9-6.5,6.5-6.5s6.5,2.9,6.5,6.5S11.8,14.7,8.2,14.7z'/%3e%3c/svg%3e");
  15. background-repeat: no-repeat;
  16. background-position: right var(--sp1) center; /* LTR */
  17. }
  18. .form-autocomplete[type]:disabled {
  19. background-color: var(--color--gray-100);
  20. }
  21. .form-autocomplete.ui-autocomplete-loading[type] {
  22. background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 10 10'%3e %3cstyle type='text/css'%3e%40keyframes s%7b0%25%7btransform:rotate(0deg) translate(-50%25,-50%25)%7d50%25%7btransform:rotate(430deg) translate(-50%25,-50%25);stroke-dashoffset:20%7d100%25%7btransform:rotate(720deg) translate(-50%25,-50%25)%7d%7dellipse%7banimation:s 1s linear infinite%7d%3c/style%3e %3cg transform='translate(5 5)'%3e %3cellipse fill='none' ry='4' rx='4' cy='5' cx='5' stroke='%237e96a7' stroke-width='1' stroke-dashoffset='6.125' stroke-dasharray='25' transform='translate(-5 -5)'/%3e %3c/g%3e%3c/svg%3e");
  23. }
  24. .form-autocomplete[type]:dir(rtl) {
  25. background-position: left var(--sp1) center;
  26. }

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