focus state on buttons is missing

Created on 11 August 2022, over 2 years ago
Updated 22 July 2024, 4 months ago

When tabbing through the node edit forms I found that the css focus state on the buttons is missing.

Since I use the buttons w text I added the following to entityconnect.css.

// EntityConnect - accessibility
.entityconnect-edit.edit-icon.edit-text :focus,
.entityconnect-add.add-icon.add-text :focus {
z-index: 10;
border: 1px solid #3ab2ff;
box-shadow: 0 0 0.5em 0.1em hsl(203deg, 100%, 70%);
margin-top: 5px;
}

.entityconnect-edit.edit-icon.edit-text :first-child ,
.entityconnect-add.add-icon.add-text :first-child {
padding: 5px 25px 25px 15px;
}

πŸ› Bug report
Status

Fixed

Component

Code

Created by

πŸ‡ΊπŸ‡ΈUnited States drupgirl

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

Merge Requests

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024