Opened 10 years ago

Closed 10 years ago

#14529 closed defect (fixed)

CalendarLite: display / focus visibility problems in high contrast

Reported by: bill Owned by: bill
Priority: high Milestone: 1.8
Component: Dijit Version: 1.7.1
Keywords: Cc:
Blocked By: Blocking:

Description

CalendarLite in high constrast mode (IE9, windows 7) shows all the grid lines, making it hard to see focus:

Calendar looks much better and focus is clear:

Attachments (2)

calendar.gif​ (10.4 KB) - added by bill 10 years ago.
calendarlite.gif​ (11.0 KB) - added by bill 10 years ago.

Download all attachments as: .zip

Change History (5)

Changed 10 years ago by bill

Attachment: calendar.gif​ added

Changed 10 years ago by bill

Attachment: calendarlite.gif​ added

comment:1 Changed 10 years ago by bill

Maybe the focus isn't important since CalendarLite doesn't have keyboard control anyway. Would be nice if the grid lines were gone though so the selected date was clear.

comment:2 Changed 10 years ago by bill

Oh, it's because CalendarLite doesn't pull in hccss.css, so dijit_a11y isn't set and this rule doesn't fire: 

.dijit_a11y .dijitCalendarDateTemplate {
	padding-bottom: 0.1em !important;	/* otherwise bottom border doesn't appear on IE */
	border: 0px !important;
}
Last edited 10 years ago by bill (previous) (diff)

comment:3 Changed 10 years ago by bill

Resolution: → fixed
Status: new → closed

In [27582]:

Move hccss require() from Calendar to CalendarLite. Shouldn't impact mobile much assuming that mobile does a browser-specific build where has("ie") and has("mozilla") are false, thus short-circuiting hccss.js.

Fixes #14529 !strict.

Note: See TracTickets for help on using tickets.