more-actions.css

/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */

/**
 * @file
 * Sticky form actions (more actions) styles.
 */

:where(*),
:is(#extra-specificity-hack, [data-drupal-admin-styles]) {
  .gin-sticky-form-actions {
    display: flex;
    gap: var(--admin-space-xs);

    > * {
      margin: 0 !important;
    }

    [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: 0.5rem 0.5rem;
  }

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

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

[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(--admin-space-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"]) {
  padding-inline-start: var(--admin-space-xl);
  animation: gin-pseudo-throbber 1s linear infinite;
  background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3e  %3cg fill='none' stroke='currentColor' stroke-width='2.25' stroke-linecap='round' stroke-linejoin='round'%3e    %3cpath d='M12 4C12.5523 4 13 3.55228 13 3C13 2.44772 12.5523 2 12 2C11.4477 2 11 2.44772 11 3C11 3.55228 11.4477 4 12 4Z' /%3e  %3c/g%3e%3c/svg%3e");

  &:dir(rtl) {
    padding-inline-start: unset;
    padding-inline-end: var(--admin-space-xl);
  }
}