ajax-progress.module.css
Same filename in this branch
Same filename in other branches
- 8.9.x core/themes/claro/css/components/ajax-progress.module.css
- 8.9.x core/themes/stable/css/system/components/ajax-progress.module.css
- 8.9.x core/modules/system/css/components/ajax-progress.module.css
- 10 core/themes/olivero/css/components/ajax-progress.module.css
- 10 core/themes/stable9/css/system/components/ajax-progress.module.css
- 10 core/themes/claro/css/components/ajax-progress.module.css
- 10 core/modules/system/css/components/ajax-progress.module.css
- 11.x core/themes/olivero/css/components/ajax-progress.module.css
- 11.x core/themes/stable9/css/system/components/ajax-progress.module.css
- 11.x core/themes/claro/css/components/ajax-progress.module.css
- 11.x core/modules/system/css/components/ajax-progress.module.css
- 10 core/misc/components/ajax-progress.module.css
- 10 core/themes/stable9/css/core/components/ajax-progress.module.css
- 11.x core/misc/components/ajax-progress.module.css
- 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
- /**
- * @file
- * Throbber.
- */
-
- .ajax-progress {
- display: inline-block;
- padding: 1px 5px 2px 5px;
- }
- [dir="rtl"] .ajax-progress {
- float: right;
- }
- .ajax-progress-throbber .throbber {
- display: inline;
- padding: 1px 6px 2px;
- background: transparent url(../../../../misc/throbber-active.gif) no-repeat 0 center;
- }
- .ajax-progress-throbber .message {
- display: inline;
- padding: 1px 5px 2px;
- }
- tr .ajax-progress-throbber .throbber {
- margin: 0 2px;
- }
- .ajax-progress-bar {
- width: 16em;
- }
-
- /* Full screen throbber */
- .ajax-progress-fullscreen {
- position: fixed;
- z-index: 1000;
- top: 48.5%;
- /* Can't do center:50% middle: 50%, so approximate it for a typical window size. */
- left: 49%; /* LTR */
- width: 24px;
- height: 24px;
- padding: 4px;
- opacity: 0.9;
- border-radius: 7px;
- background-color: #232323;
- background-image: url(../../../../misc/loading-small.gif);
- background-repeat: no-repeat;
- background-position: center center;
- }
- [dir="rtl"] .ajax-progress-fullscreen {
- right: 49%;
- left: auto;
- }
Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.