ajax-progress.module.css

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

Throbber.

File

core/modules/system/css/components/ajax-progress.module.css

View source
  1. /**
  2. * @file
  3. * Throbber.
  4. */
  5. .ajax-progress {
  6. display: inline-block;
  7. padding: 1px 5px 2px 5px;
  8. }
  9. [dir="rtl"] .ajax-progress {
  10. float: right;
  11. }
  12. .ajax-progress-throbber .throbber {
  13. display: inline;
  14. padding: 1px 6px 2px;
  15. background: transparent url(../../../../misc/throbber-active.gif) no-repeat 0 center;
  16. }
  17. .ajax-progress-throbber .message {
  18. display: inline;
  19. padding: 1px 5px 2px;
  20. }
  21. tr .ajax-progress-throbber .throbber {
  22. margin: 0 2px;
  23. }
  24. .ajax-progress-bar {
  25. width: 16em;
  26. }
  27. /* Full screen throbber */
  28. .ajax-progress-fullscreen {
  29. position: fixed;
  30. z-index: 1000;
  31. top: 48.5%;
  32. /* Can't do center:50% middle: 50%, so approximate it for a typical window size. */
  33. left: 49%; /* LTR */
  34. width: 24px;
  35. height: 24px;
  36. padding: 4px;
  37. opacity: 0.9;
  38. border-radius: 7px;
  39. background-color: #232323;
  40. background-image: url(../../../../misc/loading-small.gif);
  41. background-repeat: no-repeat;
  42. background-position: center center;
  43. }
  44. [dir="rtl"] .ajax-progress-fullscreen {
  45. right: 49%;
  46. left: auto;
  47. }

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