If you think a bug might affect users in the 57 release, please set the correct tracking and status flags for Release Management.

Add circles behind next/previous chevrons on Homepage banner

RESOLVED INCOMPLETE

Status

Webmaker
webmaker.org
RESOLVED INCOMPLETE
3 years ago
6 months ago

People

(Reporter: cassiemc, Assigned: inactivate account for kate)

Tracking

Details

(Whiteboard: homepage, designQA, july11)

Attachments

(1 attachment)

48 bytes, text/x-github-pull-request
Tanay
: review?
inactivate account for kate
Details | Review | Splinter Review
(Reporter)

Description

3 years ago
The 'previous' and 'next' links on the homepage banner are only denoted by shadows on hover. I think we should add the circle backgrounds back behind the chevrons so they are more visible.

You can refer to designs here: https://redpen.io/atb562caefb2fc7b70

The circles could be white instead of blue... or play with the opacity. But I think the hit area needs to appear larger.

Comment 1

3 years ago
Hey Kate, What is needed to be done to achieve the desired result?
Flags: needinfo?(kate)
(Assignee)

Comment 2

3 years ago
For this one, you will need to add some custom styles for .carousel-control .icon-prev and .carousel-control .icon-next. You'll want to make those elements bigger and give them a background colour
Flags: needinfo?(kate)

Comment 3

3 years ago
Created attachment 8464070 [details] [review]
https://github.com/mozilla/webmaker.org/pull/912
Attachment #8464070 - Flags: review?(kate)
The webmaker.org site is no longer developed.

https://learning.mozilla.org/blog/whats-next-for-webmaker-tools
Status: ASSIGNED → RESOLVED
Last Resolved: 6 months ago
Resolution: --- → INCOMPLETE
You need to log in before you can comment on or make changes to this bug.