Jump to content

Thicker surrounds to TV guide entries


Recommended Posts

arrbee99

Been having a fiddle -

 

5ecf6be91c99f_EmbyTVGuidegreythickerline

 

and am wondering if it might be possible to make the borders (the grid I guess ?) between all the tv programs (and tv stations) thicker ?

Link to post
Share on other sites
arrbee99

Anybody ? no ?

 

Also, any chance someone might know how to change the TV channel info down the left hand side so its next to each other (like it used to be) instead of stacked please-y.

Link to post
Share on other sites
adamstewiegreen

This should get you started ...

.programCell {
    border-width: 5px 5px 5px 5px!important;
    border-color: rgba(255, 255, 255, 255) !important;
}

.guide-channelHeaderCell {
    border-width: 5px 5px 5px 5px!important;
    border-color: rgba(255, 255, 255, 255) !important;
}

 

  • Like 1
Link to post
Share on other sites
arrbee99

 

This should get you started ...

.programCell {
    border-width: 5px 5px 5px 5px!important;
    border-color: rgba(255, 255, 255, 255) !important;
}

.guide-channelHeaderCell {
    border-width: 5px 5px 5px 5px!important;
    border-color: rgba(255, 255, 255, 255) !important;
}

Excellent. Thanks very much.

Link to post
Share on other sites
arrbee99

The second bit doesn't seem to do anything though. Is that for the row of times across the top or the channels down the left hand side. I'll have to check to see if other css stuff is interfering with it.

 

Should it work in Firefox btw ?

 

EDIT: This seems to work for the cells down the left hand side -

 

button.channelCell.channelCell-mobilefocus.itemAction {
    border-width: 5px 5px 5px 5px!important;
    border-color: rgba(255, 255, 255, 255) !important;;
}

 

Might be a rubbishy way to achieve it though. I'm in the try 15 different ways till it works camp.

Edited by arrbee99
Link to post
Share on other sites
arrbee99

This seems to work quite well so far thanks -

 

5ed19ce1d6515_EmbyTVGuidegreythickerline

 

Have used this -

 

/*Add Border to Program Cells Vertical Only*/
.programCell {
    border-width: 0px 4px 0px 4px!important;
    border-color: rgba(0,0,0,1) !important;
}

 

/*Add Border to Program Cells Horizontal Only*/
div.virtualScrollItem.epgRow.flex {
    border-width: 4px 0px 4px 0px!important;
    border-color: rgba(0,0,0,1) !important;
}

/*Add Right Hand Border to All Channels Left Hand Side*/
button.channelCell.channelCell-mobilefocus.itemAction {
    border-width: 0px 4px 0px 0px!important;
    border-color: rgba(0,0,0,1) !important;;
}

Couldn't do borders all the way round each program item as you get one line vertically and a double line horizontally.

 

Hope I've actually copied the right stuff.

 

Only done for Dark Theme.

  • Like 2
Link to post
Share on other sites
  • 10 months later...

With changes to 4.6.0.37 I've been trying to get some thick borders back in the guide, among other things. Its not too bad now, but when there are no entries at all for a channel, I can't get the borders to work.

This is most of my guides stuff -

/* TV Guide */

/* Enlarge Text for Program Names in Guide */
div.guideProgramNameText {
  font-size: 125%;
}

/* Top Left Corner of Guide Only Gray20 */
div.channelCell { background: #333333 !important;}

/* Make All Channels Left Hand Side Grey20 */
button.channelCell.itemAction {background-color: #333333;}

/* Row of Times in Guide Gray20 */
div.timeslotHeaders { background: #333333;}

/*Top Date Background Gray28*/
div.guideContainer.flex-grow.tvguide { background: #474747 !important;}

/* All Guide Entries Gray28 */
button.programCell.itemAction { background: #474747 !important;}

/* Make Colour of Empty Channel Gray28 */
div.channelPrograms.flex-grow.flex { background: #474747 !important;}

/* Adjust Colour and Width of Timeline */
div.guide-currentTimeIndicatorDot {width: 3px;}
div.guide-currentTimeIndicatorDot {background: var(--myblue);}

/* Re-align Timeline to Correct Position */
div.guide-currentTimeIndicatorDot.guideEpg-currentTimeIndicatorDot {margin-left: 16.6em;}

/* Make Arrow Bigger */
div.guide-currentTimeIndicatorDot.guideHeader-currentTimeIndicatorDot::before { width: 12px; color: red !important;}

/* Add Border to Program Cells */
.programCell {
    border-width: 4px 4px 4px 4px!important;
    border-color: rgba(0,0,0,1) !important;
}

/* Add Border to All Channels Left Hand Side */
button.channelCell.itemAction {
    border-width: 4px 4px 4px 0px!important;
    border-color: rgba(0,0,0,1) !important;;
}

/* Add Bottom Border to Row of Times in Guide */
div.timeslotHeader {
    border-width: 0px 0px 8px 0px !important;
    border-color: rgba(0,0,0,1) !important;
}

/* Top Left Corner of Guide Only Bottom Border */
div.channelCell.firstChannelCell {
    border-width: 0px 0px 4px 0px !important;
    border-color: rgba(0,0,0,1) !important;
}

/* Make Top Left Empty Box Wider */
div.channelCell {width: 240px !important;}

/* Make Channels Column Wider */
button.channelCell.itemAction {width: 240px !important;}

/* Remove Channel Logo */
div.guideChannelImage {display: none !important}

/* Make Program Text Bigger */
div.guideChannelText.secondaryText {font-size: 150% !important;}

The bit you might spot in Bold above seems to make an empty channel the right colour, and I was hoping some kind of modification might work, but no luck.

It looks like this -

1519080356_EmbyTVGuide4.6.0.37missingborder.thumb.JPG.c572ab3aa29a4ea644016346e2ad0ca9.JPG

Any thoughts please ?

Link to post
Share on other sites

I gave up and got rid of the empty channels.

Next up, am wondering if anyone knows how to squash the rows a bit so as to be able to fit more row in. Thanks.

Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...