tvtv.ch - Merkliste

edited July 2018 in Style Requests Firefox
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

645 x 578 - 63K

Comments

  • @-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).

    Imgur

  • edited July 2018 Firefox
    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; }
    }
  • edited July 2018 Firefox

    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)

  • 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.
  • 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; }
    
  • 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
Sign In or Register to comment.