tvtv.ch - Merkliste

switzerland

Hello

tvtv has redesigned its page. It's a waste of space, especially "https://www.tvtv.ch/merkliste".
The attached file shows my wishes (blue) for changing several fields.

To reach this side online, you have to log in, so I created a temporary account:

https://www.tvtv.ch/meintvtv/anmelden
Login: testuser
Passwort: 123456789
Then click on the check mark in the upper right or change to
https://www.tvtv.ch/merkliste

Thanks in advance for your efforts
Greetings from Switzerland

krystian3w

@-moz-document url-prefix("https://www.tvtv.ch/merkliste") {
#headerNav > h1,
.merkliste_tag > .aktualisieren,
.merkliste_tag:nth-child(n+2) .merkliste_zeitstrahl_img img {
    display: none;
}
#headerNav,
.merkliste_tag:not(:last-of-type) {
    border-bottom: none;
}
#content {
    padding: 120px 30px !important;
}
.merkliste_zeitstrahl_img {
    position: relative;
    padding-top: 0;
    height: auto;
}
.merkliste_zeitstrahl_img img {
    top: 8px
}
.merkliste_sendungen ul.sendung li:first-child {
    width: 45px;
}
.merkliste_zeitstrahl,
.merkliste_zeitstrahl div {
    height: 36px !important;
}
.merkliste_tag {
    margin-bottom: 0 !important;
}
}

I do not have idea how increse size right blocks (svg resistant graphics and absolute positon blocks on background).

stonecrusher

See if this fulfills your needs and doesn't break anything:

@-moz-document regexp("https?:\\/\\/www\\.tvtv\\.(ch|at|de)/merkliste") {
    /* Meine Merkliste */
    #headerNav > h1 {
        display: none !important; }
    /* Content nach oben verschieben */
    #content {
        padding-top: 104px !important; }

    /* Aktualisieren */
    .aktualisieren {
        display: none !important; }
    /* Kein Abstand zwischen Tagen */
    .merkliste_tag {
        margin-bottom: 0 !important; }

    /* Verbreitern und Höhe der Tabelle */
    #wrapper {
        max-width: initial !important;
        width: calc(100% - 30px) !important;
        margin-right: 0 !important; }
    .merkliste_tagwechsel {
        width: 100% !important; }
    .merkliste_zeitstrahl_img > img {
        transform: scaleX(1.43) !important;
        right: calc(42px + 87px) !important;
        height: 46px !important;
    }
    .merkliste_sendungen ul.sendung li:nth-child(3) {
        max-width: calc(100% - 180px) !important;
        display: block !important;
    }
    .merkliste_sendungen ul.sendung li:nth-child(4) {
        transform: scaleX(1.43) translateX(-35px) !important;
    }
    .merkliste_zeitstrahl {
        right: 26px !important;
        height: 45px !important;
        overflow: hidden !important; }

    /* Hintergrundfarbe */
    #content {
        background-color: #f0f0f0 !important; }
}

krystian3w

Bug blue and red positon absolute blocks (show on wrong hour in bigger version) - will be good if fix it.

(.merkliste_sendungsblock and .merkliste_ueberschneidung)

stonecrusher

fixed

switzerland

Thanks, big improvement.

I prefer the style from krystian3w. Since the height is reduced, I don't need the width increase anymore.
I see an advantage in stonecrusher's style. There is no gap on top and bottom of each broadcast in the right table. Can this be used in krystian3w's style?
Last wish (hopefully ;))): I'd like to change the background-colour to #F0F0F0.

stonecrusher

Since the height is reduced, I don't need the width increase anymore.

You wanted both and width increase took a while to achieve.

There is no gap on top and bottom of each broadcast in the right table.

Just increase .merkliste_zeitstrahl, .merkliste_zeitstrahl div to 43px.

I'd like to change the background-colour to #F0F0F0.

   /* Hintergrundfarbe */
    #content {
        background-color: #f0f0f0 !important; }

switzerland

Everything is now as it should be. Sorry for the inconvenience, after reducing the height I saw thats good enough. Mea culpa.

Thanks to both of you.

Greetings from Switzerland