throbber.css

Styling of AJAX actions throbber in off-canvas dialog.

@internal

File

core/misc/dialog/off-canvas/css/throbber.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. /**

  9.  * @file

  10.  * Styling of AJAX actions throbber in off-canvas dialog.

  11.  *

  12.  * @internal

  13.  */

  14. 

  15. #drupal-off-canvas-wrapper .ajax-progress,

  16. #drupal-off-canvas-wrapper .ajax-progress-throbber {

  17.   display: inline-block;

  18.   overflow: hidden;

  19.   width: 0.9375rem;

  20.   height: 0.9375rem;

  21.   margin: 0 0.625rem;

  22.   animation: off-canvas-throbber-spin 1s linear infinite;

  23.   vertical-align: middle;

  24.   border: 2px solid var(--off-canvas-text-color);

  25.   border-top-color: transparent;

  26.   border-radius: 50%;

  27. }

  28. 

  29. @media (forced-colors: active) {

  30.   #drupal-off-canvas-wrapper .ajax-progress,

  31.   #drupal-off-canvas-wrapper .ajax-progress-throbber {

  32.     border-top-color: transparent;

  33.   }

  34. }

  35. 

  36. #drupal-off-canvas-wrapper .layout-selection .ajax-progress,

  37. #drupal-off-canvas-wrapper .inline-block-list .ajax-progress,

  38. #drupal-off-canvas-wrapper .layout-selection .ajax-progress-throbber,

  39. #drupal-off-canvas-wrapper .inline-block-list .ajax-progress-throbber {

  40.   position: absolute;

  41.   inset-block-start: 0;

  42.   inset-block-end: 0;

  43.   inset-inline-end: 0;

  44.   margin-block: auto;

  45. }

  46. 

  47. @keyframes off-canvas-throbber-spin {

  48.   to {

  49.     transform: rotate(360deg);

  50.   }

  51. }