TryGhost / TryGhost/Casper

Toggle cards have a small clickable area

Open
#1,004 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
CSS
Stars
2.6k
Forks
2.7k
Avg merge
1h 42m
Merged PRs (30d)
36

Description

Hello!

We ran into a minor issue with this theme, because we have a page with a bunch of toggle cards. The problem is that the cards require quite precise mouse placement to toggle them. To illustrate, here is a screenshot:

Image

The purple part is all not clickable and it would be great if it would be.

My suggested fix would be to remove the padding on the card and put it on the heading and body instead.

I hope I'm opening this issue in the right place. The Ghost interface says that we're using version 5.9.0 of this theme, but the latest version in this repo is 5.8.1. The tag does seem to be there, maybe just the GitHub release is missing?

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by locating the theme CSS for toggle cards and inspect how the card, heading, and body padding affect the clickable area. Reproduce the issue with a page containing several toggle cards, then verify that the purple card area also toggles while the layout remains unchanged.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
frontend
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.