Time Highlighted in WSD_Search

cmaleblanc
Tera Contributor

Hello, I just updated to the newest version of the reservation tool. Once I started testing I noticed the below error when booking a space. The Numbers for time entry are being highlighted. I assume a conflict with a custom design, but I've searched the CSS for WSD widget, and can't find an answer. 

 

This green/gray highlight is both on the numbers in the input field, and in the drop down selection. 

 

It also occurred when selecting days for a reoccurring reservation, but that was an easy fix. The CSS had a line for the background of the days, changing that to transparent resolved the background glitch, but I haven't been able to find the line to fix the time input. 

 

Looking for suggestions on what could be causing the error. Thank you. 

 

 

Reservationshighlights.jpg

2 REPLIES 2

Raj_Esh
Kilo Sage
Kilo Sage

Hi @cmaleblanc 

 

I have recently updated the Reservation plugin on multiple instance but did not see such bug. Did you try to revert to store version? I have also made multiple changes to the widget and I always compare the code and append to my changes in the code. 

 

--Raj

cmaleblanc
Tera Contributor

Thanks @Raj_Esh 

I'm still not 100% sure what's caused the error, but it's something with the CSS. I didn't revert to store, I kept it as is, but located on the Widget and subsequent CSS groups, that it looks like maybe our custom colours are causing the error. I've been able to correct the highlight on the numbers by changing a CSS code to remove a highlight, but I'm still having the issue where the time selection drop down is highlighting the time's not selected, while leaving the selected time white. I looks like it's controlled within the ".time-picker-component" specifically the "background-color" attribute. Turning it off/on in Chrome does what you'd expect. But I need to figured out how to reverse it, so it highlights the time selected vs the unselected times.  

 

I do appreciate the response.