Checkboxes with Acquia DAM Entity Browser are hidden without CSS overrides

Created on 13 March 2024, 3 months ago
Updated 23 May 2024, 23 days ago

Problem/Motivation

Using Acquia Media DAM module, checkboxes become invisible with Gin + Site Studio Gin theme/module.

Steps to reproduce

With Site Studio, Gin, and Site Studio Gin, the Acquia DAM Entity Browser was missing checkboxes:

The folders and pagination buttons were funky as well.

Proposed resolution

Fix styling of these items in entity browsers.

I had made some local CSS changes to correct what I was seeing.

In a custom module, I had added:

.acquiadam-asset-browser .form-type--checkbox input {
  width: 20px !important;
  height: 20px !important;
  opacity: 100 !important;
  z-index: 999 !important;
  top: 20px;
  left: 15px;
}

.acquiadam-asset-browser {
  height: 100% !important;
}

.acquiadam-browser-category-link > button,
.acquiadam-browser-category-link > .button,
.acquiadam-browser-category-link > input {
  border: none !important;
  background: none !important;
}

.acquiadam-asset-browser-pager {
  height: 100%;
}

.acquiadam-asset-browser-pager .button:first-child, .acquiadam-asset-browser-pager .button:last-child,
.acquiadam-asset-browser-pager .button, .acquiadam-asset-browser-pager .button:hover, .acquiadam-asset-browser-pager .button:active, .acquiadam-asset-browser-pager .button:focus {
  padding: 10px 15px;
}

.acquiadam-asset-browser-pager .button:hover, .acquiadam-asset-browser-pager .button:active, .acquiadam-asset-browser-pager .button:focus {
  border-radius: .5rem;
}
πŸ› Bug report
Status

Closed: outdated

Component

User interface

Created by

πŸ‡ΊπŸ‡ΈUnited States kevinquillen

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Production build 0.69.0 2024