more_actions.css

Same filename in this branch
  1. main core/themes/default_admin/migration/css/components/more_actions.css
Same filename and directory in other branches
  1. 11.x core/themes/admin/migration/css/components/more_actions.css
  2. 11.x core/themes/default_admin/migration/css/components/more_actions.css
:where(*),
:is(#extra-specificity-hack, [data-drupal-admin-styles]) {
  .gin-sticky-form-actions {
    display: flex;
    gap: var(--gin-spacing-xs);
  }

  .gin-sticky-form-actions > * {
    margin: 0 !important;
  }

  .gin-sticky-form-actions [data-drupal-selector="edit-status"]:empty {
    display: none;
  }

  .gin-sticky-form-actions--preprocessed ~ .layout-container form.gin--has-sticky-form-actions .gin-sticky-form-actions {
    position: absolute !important;
    position: fixed !important;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    width: 1px;
    height: 1px;
    word-wrap: normal;
    inset-block-start: 0;
  }

  .edit-post-header .gin-sticky-form-actions {
    margin-block-start: 0;
  }
}

@keyframes gin-pseudo-throbber {
  0% {
    background-position: 16px 18px;
    background-size: 8px 8px;
  }

  50% {
    background-position: 4px 14px;
    background-size: 32px 32px;
  }

  100% {
    background-position: 16px 18px;
    background-size: 8px 8px;
  }
}

[data-drupal-selector="gin-sticky-edit-save"],
[data-drupal-selector="gin-sticky-edit-preview"],
[data-drupal-selector="gin-sticky-edit-delete"] {
  background-repeat: no-repeat;
  background-position: var(--gin-spacing-xs) center;
}

body:has([data-drupal-selector="edit-save"] + .ajax-progress) :where([data-drupal-selector="gin-sticky-edit-save"]),
body:has([data-drupal-selector="edit-preview"] + .ajax-progress) :where([data-drupal-selector="gin-sticky-edit-preview"]),
body:has([data-drupal-selector="edit-delete"] + .ajax-progress) :where([data-drupal-selector="gin-sticky-edit-delete"]) {
  animation: gin-pseudo-throbber 1s linear infinite;
  background-image: url("../../media/sprite.svg#loader-view");
}

[dir="ltr"] body:has([data-drupal-selector="edit-save"] + .ajax-progress) :where([data-drupal-selector="gin-sticky-edit-save"]),
[dir="ltr"] body:has([data-drupal-selector="edit-preview"] + .ajax-progress) :where([data-drupal-selector="gin-sticky-edit-preview"]),
[dir="ltr"] body:has([data-drupal-selector="edit-delete"] + .ajax-progress) :where([data-drupal-selector="gin-sticky-edit-delete"]) {
  padding-inline-start: var(--gin-spacing-xl);
}

[dir="rtl"] body:has([data-drupal-selector="edit-save"] + .ajax-progress) :where([data-drupal-selector="gin-sticky-edit-save"]),
[dir="rtl"] body:has([data-drupal-selector="edit-preview"] + .ajax-progress) :where([data-drupal-selector="gin-sticky-edit-preview"]),
[dir="rtl"] body:has([data-drupal-selector="edit-delete"] + .ajax-progress) :where([data-drupal-selector="gin-sticky-edit-delete"]) {
  padding-inline-end: var(--gin-spacing-xl);
}

File

View on git.drupalcode.org

core/themes/admin/migration/css/components/more_actions.css

View source 
  1. :where(*),

  2. :is(#extra-specificity-hack, [data-drupal-admin-styles]) {

  3.   .gin-sticky-form-actions {

  4.     display: flex;

  5.     gap: var(--gin-spacing-xs);

  6.   }

  7. 

  8.   .gin-sticky-form-actions > * {

  9.     margin: 0 !important;

  10.   }

  11. 

  12.   .gin-sticky-form-actions [data-drupal-selector="edit-status"]:empty {

  13.     display: none;

  14.   }

  15. 

  16.   .gin-sticky-form-actions--preprocessed ~ .layout-container form.gin--has-sticky-form-actions .gin-sticky-form-actions {

  17.     position: absolute !important;

  18.     position: fixed !important;

  19.     overflow: hidden;

  20.     clip: rect(1px, 1px, 1px, 1px);

  21.     width: 1px;

  22.     height: 1px;

  23.     word-wrap: normal;

  24.     inset-block-start: 0;

  25.   }

  26. 

  27.   .edit-post-header .gin-sticky-form-actions {

  28.     margin-block-start: 0;

  29.   }

  30. }

  31. 

  32. @keyframes gin-pseudo-throbber {

  33.   0% {

  34.     background-position: 16px 18px;

  35.     background-size: 8px 8px;

  36.   }

  37. 

  38.   50% {

  39.     background-position: 4px 14px;

  40.     background-size: 32px 32px;

  41.   }

  42. 

  43.   100% {

  44.     background-position: 16px 18px;

  45.     background-size: 8px 8px;

  46.   }

  47. }

  48. 

  49. [data-drupal-selector="gin-sticky-edit-save"],

  50. [data-drupal-selector="gin-sticky-edit-preview"],

  51. [data-drupal-selector="gin-sticky-edit-delete"] {

  52.   background-repeat: no-repeat;

  53.   background-position: var(--gin-spacing-xs) center;

  54. }

  55. 

  56. body:has([data-drupal-selector="edit-save"] + .ajax-progress) :where([data-drupal-selector="gin-sticky-edit-save"]),

  57. body:has([data-drupal-selector="edit-preview"] + .ajax-progress) :where([data-drupal-selector="gin-sticky-edit-preview"]),

  58. body:has([data-drupal-selector="edit-delete"] + .ajax-progress) :where([data-drupal-selector="gin-sticky-edit-delete"]) {

  59.   animation: gin-pseudo-throbber 1s linear infinite;

  60.   background-image: url("../../media/sprite.svg#loader-view");

  61. }

  62. 

  63. [dir="ltr"] body:has([data-drupal-selector="edit-save"] + .ajax-progress) :where([data-drupal-selector="gin-sticky-edit-save"]),

  64. [dir="ltr"] body:has([data-drupal-selector="edit-preview"] + .ajax-progress) :where([data-drupal-selector="gin-sticky-edit-preview"]),

  65. [dir="ltr"] body:has([data-drupal-selector="edit-delete"] + .ajax-progress) :where([data-drupal-selector="gin-sticky-edit-delete"]) {

  66.   padding-inline-start: var(--gin-spacing-xl);

  67. }

  68. 

  69. [dir="rtl"] body:has([data-drupal-selector="edit-save"] + .ajax-progress) :where([data-drupal-selector="gin-sticky-edit-save"]),

  70. [dir="rtl"] body:has([data-drupal-selector="edit-preview"] + .ajax-progress) :where([data-drupal-selector="gin-sticky-edit-preview"]),

  71. [dir="rtl"] body:has([data-drupal-selector="edit-delete"] + .ajax-progress) :where([data-drupal-selector="gin-sticky-edit-delete"]) {

  72.   padding-inline-end: var(--gin-spacing-xl);

  73. }

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