186 lines
7.2 KiB
CSS
186 lines
7.2 KiB
CSS
.block-system > .views-form .claro-details,
|
|
.view-content .views-form .claro-details {
|
|
box-shadow: none;
|
|
}
|
|
|
|
.block-system > .views-form form,
|
|
.view-content .views-form form {
|
|
display: flex;
|
|
flex-direction: column;
|
|
}
|
|
|
|
.block-system > .views-form .views-table,
|
|
.view-content .views-form .views-table {
|
|
order: -1;
|
|
margin-top: 0;
|
|
}
|
|
|
|
.block-system > .views-form [data-drupal-selector*=edit-header],
|
|
.view-content .views-form [data-drupal-selector*=edit-header] {
|
|
order: 99;
|
|
position: relative;
|
|
}
|
|
|
|
[dir="ltr"] .block-system > .views-form [data-drupal-selector*=edit-header],
|
|
[dir="ltr"] .view-content .views-form [data-drupal-selector*=edit-header] {
|
|
left: 0;
|
|
}
|
|
|
|
[dir="rtl"] .block-system > .views-form [data-drupal-selector*=edit-header],
|
|
[dir="rtl"] .view-content .views-form [data-drupal-selector*=edit-header] {
|
|
right: 0;
|
|
}
|
|
|
|
.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] > *,
|
|
[dir="ltr"] .view-content .views-form [data-drupal-selector*=edit-header] [data-drupal-selector*=edit-views-bulk-operations-bulk-form] > * {
|
|
margin-right: var(--gin-spacing-xs);
|
|
}
|
|
|
|
[dir="rtl"] .block-system > .views-form [data-drupal-selector*=edit-header] [data-drupal-selector*=edit-views-bulk-operations-bulk-form] > *,
|
|
[dir="rtl"] .view-content .views-form [data-drupal-selector*=edit-header] [data-drupal-selector*=edit-views-bulk-operations-bulk-form] > * {
|
|
margin-left: var(--gin-spacing-xs);
|
|
}
|
|
|
|
.block-system > .views-form [data-drupal-selector*=edit-header] [data-drupal-selector*=edit-views-bulk-operations-bulk-form] .form-type--select,
|
|
.block-system > .views-form [data-drupal-selector*=edit-header] [data-drupal-selector*=edit-views-bulk-operations-bulk-form] .form-actions,
|
|
.view-content .views-form [data-drupal-selector*=edit-header] [data-drupal-selector*=edit-views-bulk-operations-bulk-form] .form-type--select,
|
|
.view-content .views-form [data-drupal-selector*=edit-header] [data-drupal-selector*=edit-views-bulk-operations-bulk-form] .form-actions {
|
|
flex: 0 0 100%;
|
|
max-width: 100%;
|
|
}
|
|
|
|
.block-system > .views-form [data-drupal-selector*=edit-header] [data-drupal-selector*=edit-views-bulk-operations-bulk-form] .form-actions,
|
|
.view-content .views-form [data-drupal-selector*=edit-header] [data-drupal-selector*=edit-views-bulk-operations-bulk-form] .form-actions {
|
|
justify-content: flex-end;
|
|
}
|
|
|
|
.block-system > .views-form [data-drupal-selector*=edit-header] [data-drupal-selector*=edit-views-bulk-operations-bulk-form] .form-type--checkbox,
|
|
.view-content .views-form [data-drupal-selector*=edit-header] [data-drupal-selector*=edit-views-bulk-operations-bulk-form] .form-type--checkbox {
|
|
align-self: center;
|
|
}
|
|
|
|
.block-system > .views-form [data-drupal-selector*=edit-header] .form-item__label:not([for=edit-select-all]),
|
|
.view-content .views-form [data-drupal-selector*=edit-header] .form-item__label:not([for=edit-select-all]) {
|
|
display: block;
|
|
top: 2px;
|
|
margin-top: var(--gin-spacing-xxs);
|
|
line-height: 1.75;
|
|
}
|
|
|
|
[dir="ltr"] .block-system > .views-form [data-drupal-selector*=edit-header] .form-item__label:not([for=edit-select-all]),
|
|
[dir="ltr"] .view-content .views-form [data-drupal-selector*=edit-header] .form-item__label:not([for=edit-select-all]) {
|
|
float: left;
|
|
margin-right: var(--gin-spacing-m);
|
|
}
|
|
|
|
[dir="rtl"] .block-system > .views-form [data-drupal-selector*=edit-header] .form-item__label:not([for=edit-select-all]),
|
|
[dir="rtl"] .view-content .views-form [data-drupal-selector*=edit-header] .form-item__label:not([for=edit-select-all]) {
|
|
float: right;
|
|
margin-left: var(--gin-spacing-m);
|
|
}
|
|
|
|
.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,
|
|
.view-content .views-form [data-drupal-selector*=edit-header],
|
|
.view-content .views-form .views-bulk-actions {
|
|
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,
|
|
.view-content .views-form [data-drupal-selector*=edit-header],
|
|
.view-content .views-form .views-bulk-actions {
|
|
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,
|
|
.gin--dark-mode .view-content .views-form [data-drupal-selector*=edit-header],
|
|
.gin--dark-mode .view-content .views-form .views-bulk-actions {
|
|
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);
|
|
}
|
|
|
|
[dir="ltr"] .block-system > .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"] .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;
|
|
}
|
|
|
|
.views-bulk-actions {
|
|
padding: var(--gin-spacing-m);
|
|
}
|
|
|
|
.views-bulk-actions__item {
|
|
color: var(--gin-color-text);
|
|
font-weight: var(--gin-font-weight-semibold);
|
|
}
|
|
|
|
[dir="ltr"] .views-bulk-actions__item {
|
|
margin-right: var(--gin-spacing-xs);
|
|
}
|
|
|
|
[dir="rtl"] .views-bulk-actions__item {
|
|
margin-left: var(--gin-spacing-xs);
|
|
}
|
|
|
|
.views-bulk-actions__item--status {
|
|
color: var(--gin-color-text-light);
|
|
}
|
|
|
|
[dir="ltr"] .views-bulk-actions__item--status {
|
|
margin-right: var(--gin-spacing-l);
|
|
}
|
|
|
|
[dir="rtl"] .views-bulk-actions__item--status {
|
|
margin-left: var(--gin-spacing-l);
|
|
}
|
|
|
|
.views-bulk-actions__item .button--primary:not(:disabled, .is-disabled) {
|
|
background-color: var(--gin-color-primary);
|
|
}
|
|
|
|
.views-bulk-actions__item .button--primary:not(:disabled, .is-disabled):hover {
|
|
background-color: var(--gin-color-primary-hover);
|
|
}
|
|
|
|
.views-bulk-actions__item .button--primary:not(:disabled, .is-disabled):active {
|
|
background-color: var(--gin-color-primary-active);
|
|
}
|
|
|