Opened 8 years ago

Closed 8 years ago

Last modified 8 years ago

#13322 closed defect (fixed)

contents of h3 tag in Calendar template may wrap

Reported by: ben hockey Owned by: bill
Priority: high Milestone: 1.7
Component: Dijit - LnF Version: 1.7.0b1
Keywords: Cc:
Blocked By: Blocking:

Description

if i add a style declaration to alter h3 for the claro theme, the dijit.Calendar popup used by dijit.form.DateTextBox? wraps the years in the footer section.

you can see this by adding the following declaration in the style block at the top of dijit/tests/form/test_DateTextBox.html

.claro h3 { font-size: 1.5em; }

the main reason i mention this is that across all templates in dijit, this is the only template i could find that uses any of the header tags (based on a search for the regular expression h\d).

is it right that this template is using an h3 tag? regardless, can it be made to not wrap?

Change History (6)

comment:1 Changed 8 years ago by ben hockey

btw, by not wrapping, i mean that the whole calendar would resize to be wide enough to stop the text from wrapping.

comment:2 Changed 8 years ago by Douglas Hays

Owner: set to bill

just need to add white-space:nowrap to the H3 style.

comment:3 Changed 8 years ago by bill

Milestone: tbd1.7
Status: newassigned

I'll add the nowrap. I agree that it's weird to use an <h3> but I'll leave it there for now.

comment:4 Changed 8 years ago by bill

Resolution: fixed
Status: assignedclosed

(In [25641]) make sure previous, current, and next year all appear in same row, fixes #13322

comment:5 Changed 8 years ago by bill

In [26098]:

Fix JAWS issue reading Calendar's next / current / previous year labels, and remove strange use of <h3> in Calendar template. Fixes #13598, refs #13322. Thanks Katie!

comment:6 Changed 8 years ago by bill

In [26099]:

[26098] should also have updated claro's Calendar.less, refs #13598, #13322.

Note: See TracTickets for help on using tickets.