• Resolved wbfyradio

    (@wbfyradio)


    Our master schedule looks different when viewed in Firefox and Chrome. How can I get control of this and make the Firefox instance not so weird and cramped? Those two are the only browsers on my system, so I don’t know if other browsers have this issue.

    Also the old layout was considerably better in that the boxes representing shows longer than one hour were connected, making them much easier for viewers (our listeners) to understand. I’ll post on github about this box-connectedness thing, and revert to the legacy master schedule for now.

    I’ve made an image showing the current view in the two browsers, and a sample from the old-school schedule. Seeing no way to attach things to these messages, it is available at the following link:

    https://drive.google.com/open?id=1NsO0uj3aGb_n2OpDDDqIjqy_wg4F52E4

    In general I like the way you folks are taking the plug-in. These display issues are little bumps in the road. Thanks!

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Tony Zeoli

    (@tonyzeoli)

    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.
    Plugin Contributor Tony Hayes

    (@majick)

    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.

    Plugin Author Tony Zeoli

    (@tonyzeoli)

    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.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Master schedule display issues’ is closed to new replies.