Enhanced Button Styling Configurations and Accessibility

Created on 18 November 2024, about 1 month ago

Problem/Motivation

Existing fields available for CSS styling of the Back to Top button limit the ability to align styles with existing site themes; the lack of available CSS configurations also impacts the ability to create buttons that conform to accessibility standards and best practices: such as when "font color" does not provide sufficient contrast with the "hover color".

Proposed resolution

Propose adding configurable fields allowing the following CSS styling options:

Border width: allows configuring button border width
Hover border color: allows configuring a different color for border on hover
Hover text color: allows configuring a different color for text on hover

Patch to be provided.

User interface changes

Add 3 fields to /admin/config/user-interface/back_to_top under the "Text/Css button settings" heading.

✨ Feature request

Status

Active

Version

3.0

Component

Code

Created by

🇺🇸United States TerraCoders

Live updates comments and jobs are added and updated live.

Comments & Activities

Issue created by @TerraCoders
Comment about 1 month ago →
🇺🇸United States TerraCoders
See attached patch for proposed code changes
Comment about 1 month ago →
🇺🇸United States TerraCoders
Updated patch for consistency in conditionals/explicit matching.

contrib.social Blog FAQ Discussions

Production build 0.71.5 2024