I’ll ask Tony Hayes to take a look from a developer perspective, but from where I sit, Radio Station is laid out the same way in both Chrome and Firefox browsers and is not impacted in the way I see your site pages are.
You can go to https://radiostationdemo.com/master-schedule/table-view/ in both Chrome and Firefox and see they respond the same exact way. And, both in views, the blocks for shows are not split in half like I observed on your site.
It seems to me you may have some CSS rules that were written and exist that need to be adjusted. But, I’m not the development expert–Tony Hayes is and I’ll ask him to look at it. I can only point you to our version on the demo site and show you that it works exactly the same in both browsers for the demo version.
Please review the demo version in both browsers. If you have an issue, then let us know. If not, then it’s gotta be some code somewhere in your theme. I’ll leave this ticket open until the investigation is complete.
-
This reply was modified 6 years, 1 month ago by
Tony Zeoli.
I did notice yesterday while fixing another bug, that for some reason Firefox was ignoring the percentage width rule on the hour display cell, making for an excessivly wide first column. I have adjusted the table width styles for the hour label cells to width:auto as a bugfix for this, and added this fix to the develop branch on Github (you can use that until this is released in 2.3.1 along with any other bugfixes.)
As for the table spacing, I can see from your screenshots that you have cell spacing applied to the legacy table between the show items, whereas for the new table view, the cells are not merged, but rather, simply have style rules for their borders.
So as Tony Zeoli has said, this would be a matter of adding some different style rules, in this case styling the Show entry spacing rather than the cell spacing.
Remove the existing cell borders:
#master-program-schedule td.show-info {border: 0;}
Give horizontal spacing to the cells only:
#master-program-schedule {border-collapse: separate; border-spacing: 10px 0px;}
Add borders to the show entries instead:
#master-program-schedule .master-show-entry {border: 1px solid #000000;}
Add bottom padding to the extended show wrap divs:
#master-program-schedule .show-info.continued .show-wrap {padding-bottom: 10px;}
#master-program-schedule .show-info.continued.overflow .show-wrap {padding-bottom: 0;}
This is most of the way there in recreating the table spacing, but you may need to check and adjust some other values depending on your existing style rules.
There has been no reply to this ticket for 6 days, so I’ll close it out. If you are still having issues, please repost.