Commit 8b915299 authored by Sascha Eggenberger's avatar Sascha Eggenberger
Browse files

Issue #3368732: [Drupal 10.1] Compatibility with updated bulk operations

parent 70aba7dc
Loading
Loading
Loading
Loading
Loading
+5 −1
Original line number Diff line number Diff line
@@ -10,7 +10,11 @@
 - Maintainers
## Introduction

A radically new UI layout paired with goodies like a Darkmode will give your Drupal's Admin interface a facelift. The Gin theme also includes things which are currently out of scope for Claro and/or some customisations we're experimenting with for the future. Built on the foundation of Claro from one of the lead designers of Claro & Drupal Design System.
A radically new UI layout paired with goodies like a Darkmode will give your
Drupal's Admin interface a facelift. The Gin theme also includes things which
are currently out of scope for Claro and/or some customisations we're
experimenting with for the future. Built on the foundation of Claro from one
of the lead designers of Claro & Drupal Design System.

Gin can be used in a headless environment, as it provides a nice [login screen](https://drupal.org/project/gin_login) which is missing in the default Drupal admin themes.

+49 −19
Original line number Diff line number Diff line
@@ -791,9 +791,6 @@ details summary {
.view-content .views-form [data-drupal-selector*=edit-header] {
  order: 99;
  position: relative;
  padding: 0 var(--gin-spacing-m) var(--gin-spacing-m) var(--gin-spacing-m);
  border-radius: var(--gin-border-m);
  background: rgba(var(--gin-color-sticky-rgb), .95);
}

[dir="ltr"] .block-system > .views-form [data-drupal-selector*=edit-header],
@@ -806,19 +803,9 @@ details summary {
  right: 0;
}

@supports ((-webkit-backdrop-filter: blur()) or (backdrop-filter: blur())) {
  .block-system > .views-form [data-drupal-selector*=edit-header],
  .view-content .views-form [data-drupal-selector*=edit-header] {
    opacity: .999; /* Fix Chrome issue with mask */
    background: rgba(var(--gin-color-sticky-rgb), .9);
    -webkit-backdrop-filter: blur(12px);
            backdrop-filter: blur(12px);
  }

  .gin--dark-mode .block-system > .views-form [data-drupal-selector*=edit-header],
  .gin--dark-mode .view-content .views-form [data-drupal-selector*=edit-header] {
    background: rgba(27, 27, 29, .8);
  }
.block-system > .views-form [data-drupal-selector*=edit-header] > .form-wrapper,
.view-content .views-form [data-drupal-selector*=edit-header] > .form-wrapper {
  padding: var(--gin-spacing-m);
}

[dir="ltr"] .block-system > .views-form [data-drupal-selector*=edit-header] [data-drupal-selector*=edit-views-bulk-operations-bulk-form] > *,
@@ -872,23 +859,66 @@ details summary {
.block-system > .views-form [data-drupal-selector*=edit-header].is-sticky,
.view-content .views-form [data-drupal-selector*=edit-header].is-sticky {
  z-index: 4;
  animation: fadeInBottom 320ms 1 forwards;
}

.block-system > .views-form [data-drupal-selector*=edit-header],
.block-system > .views-form .views-bulk-actions[data-drupal-sticky-vbo],
.view-content .views-form [data-drupal-selector*=edit-header],
.view-content .views-form .views-bulk-actions[data-drupal-sticky-vbo] {
  border: 0 none;
  border-radius: var(--gin-border-m);
  background: rgba(var(--gin-color-sticky-rgb), .95);
}

@supports ((-webkit-backdrop-filter: blur()) or (backdrop-filter: blur())) {
  .block-system > .views-form [data-drupal-selector*=edit-header],
  .block-system > .views-form .views-bulk-actions[data-drupal-sticky-vbo],
  .view-content .views-form [data-drupal-selector*=edit-header],
  .view-content .views-form .views-bulk-actions[data-drupal-sticky-vbo] {
    opacity: .999; /* Fix Chrome issue with mask */
    background: rgba(var(--gin-color-sticky-rgb), .9);
    -webkit-backdrop-filter: blur(12px);
            backdrop-filter: blur(12px);
  }

  .gin--dark-mode .block-system > .views-form [data-drupal-selector*=edit-header],
  .gin--dark-mode .block-system > .views-form .views-bulk-actions[data-drupal-sticky-vbo],
  .gin--dark-mode .view-content .views-form [data-drupal-selector*=edit-header],
  .gin--dark-mode .view-content .views-form .views-bulk-actions[data-drupal-sticky-vbo] {
    background: rgba(27, 27, 29, .8);
  }
}

.block-system > .views-form [data-drupal-selector*=edit-header].is-sticky,
.block-system > .views-form .views-bulk-actions[data-drupal-sticky-vbo=true],
.view-content .views-form [data-drupal-selector*=edit-header].is-sticky,
.view-content .views-form .views-bulk-actions[data-drupal-sticky-vbo=true] {
  opacity: 1;
  position: sticky;
  bottom: var(--gin-spacing-xs);
  box-shadow: 0 2px 6px 2px rgba(0, 0, 0, .03);
  animation: fadeInBottom 320ms 1 forwards;
}

[dir="ltr"] .block-system > .views-form [data-drupal-selector*=edit-header].is-sticky,
[dir="ltr"] .view-content .views-form [data-drupal-selector*=edit-header].is-sticky {
[dir="ltr"] .block-system > .views-form .views-bulk-actions[data-drupal-sticky-vbo=true],
[dir="ltr"] .view-content .views-form [data-drupal-selector*=edit-header].is-sticky,
[dir="ltr"] .view-content .views-form .views-bulk-actions[data-drupal-sticky-vbo=true] {
  left: 0;
}

[dir="rtl"] .block-system > .views-form [data-drupal-selector*=edit-header].is-sticky,
[dir="rtl"] .view-content .views-form [data-drupal-selector*=edit-header].is-sticky {
[dir="rtl"] .block-system > .views-form .views-bulk-actions[data-drupal-sticky-vbo=true],
[dir="rtl"] .view-content .views-form [data-drupal-selector*=edit-header].is-sticky,
[dir="rtl"] .view-content .views-form .views-bulk-actions[data-drupal-sticky-vbo=true] {
  right: 0;
}

.block-system > .views-form .views-bulk-actions[data-drupal-sticky-vbo] .views-bulk-actions__item,
.view-content .views-form .views-bulk-actions[data-drupal-sticky-vbo] .views-bulk-actions__item {
  color: var(--gin-color-text);
}

.views-exposed-form.views-exposed-form {
  padding-top: var(--gin-spacing-xs);
}
+1 −1
Original line number Diff line number Diff line
@@ -5,9 +5,9 @@
 * breadcrumb.theme
 */

use Drupal\Core\Entity\ContentEntityInterface;
use Drupal\Core\Url;
use Drupal\node\NodeInterface;
use Drupal\Core\Entity\ContentEntityInterface;

/**
 * Breadcrumb.
+1 −1
Original line number Diff line number Diff line
@@ -6,9 +6,9 @@
 */

use Drupal\Core\Form\FormStateInterface;
use Drupal\gin\GinContentFormHelper;
use Drupal\gin\GinDescriptionToggle;
use Drupal\gin\GinPreRender;
use Drupal\gin\GinContentFormHelper;
use Drupal\gin\GinSettings;

/**
+1 −1
Original line number Diff line number Diff line
@@ -5,8 +5,8 @@
 * page.theme
 */

use Drupal\gin\GinContentFormHelper;
use Drupal\Core\Entity\EntityInterface;
use Drupal\gin\GinContentFormHelper;
use Drupal\gin\GinSettings;
use Drupal\node\Entity\Node;

Loading