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

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

parent 70aba7dc

README.md

+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.

dist/css/base/gin.css

+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);

}

includes/breadcrumb.theme

+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.

includes/form.theme

+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;



/**

includes/page.theme

+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;