Opened 4 years ago

Closed 3 years ago

#18685 closed defect (fixed)

[patch][cla][pr] CSS styling of Dojox.Calendar breaks if surrounding document styles table

Reported by: ChrisOwens Owned by: dg
Priority: low Milestone: 1.11
Component: DojoX Widgets Version: 1.10.4
Keywords: Cc:
Blocked By: Blocking:

Description

Embedding a dojox.calendar.ColumnView within a page that has styled table or td to have a background causes the grid and column lines of the calendar to be invisible.

This is because ColumnView creates two div elements, dojoxCalendarGridTable and dojoxCalendarContainer, which transparently overlays it and catches mouse events, etc.

But if, in the CSS, there is any background styling on table or td, it causes dojoxCalendarContainer's table to hide the underlying dojoxCalendarGridTable

Possible fix is to add this to dojox/calendar/themes/*/ColumnView.less:

div.dojoxCalendarContainer table {
    background-color: transparent;
}

div.dojoxCalendarContainer table td{
    background-color: transparent;
}

div.dojoxCalendarContainer table tr{
    background-color: transparent;
}

Change History (6)

comment:1 Changed 3 years ago by dylan

Milestone: tbd1.11
Owner: changed from dante to dylan
Status: newassigned

comment:2 Changed 3 years ago by dylan

Priority: undecidedlow

comment:3 Changed 3 years ago by dylan

Owner: changed from dylan to dg

comment:4 Changed 3 years ago by dylan

Summary: CSS styling of Dojox.Calendar breaks if surrounding document styles table[patch][cla][pr] CSS styling of Dojox.Calendar breaks if surrounding document styles table

comment:5 Changed 3 years ago by dylan

Milestone: 1.111.12

Moving to 1.12

comment:6 Changed 3 years ago by dylan

Milestone: 1.121.11
Resolution: fixed
Status: assignedclosed
Note: See TracTickets for help on using tickets.