Fixed Pickaday previous/next buttons not picking up text color on dark styles

Snog

Well-known member
Affected version
2.1
The color used for the previous/next buttons in a pickaday box are not being controlled by any particular color.

dark.webp

This can be corrected by adding the color to the core_pickaday.less template:
Code:
.pika-prev,
.pika-next
{
    display: block;
    cursor: pointer;
    position: relative;
    outline: none;
    background: none;
    border: 0;
    padding: 0;
    width: 20px;
    height: 30px;
    white-space: nowrap;
    overflow: hidden;
    opacity: .5;
    font-size: 0;
    color: @pd-day-color;
....

light.webp
 
Nice catch! The date-range related classes (e.g. is-inrange) in the same pikaday template contain hardcoded hex codes, too. While XenForo doesn't support date ranges out of the box, it seems a shame to not have these classes use style property values ... for any add-ons or custom code which use this part of the date picker.
 
Thank you for reporting this issue. It has now been resolved and we are aiming to include it in a future XF release (2.1.1).

Change log:
Fix next/prev month button color in the date picker and allow date ranges to pull colors from the style properties.
Any changes made as a result of this issue being resolved may not be rolled out here until later.
 
:D Awesome!

Possibly worth marking the style properties for date ranges suggestion as Implemented? :)
 
Back
Top Bottom