[FP] limiet inspringen reacties

[_David_]

Kan er een limiet komen op hoe ver een reactie thread kan inspringen? Sommige mensen hebben blijkbaar de neiging om heel lang door te gaan in welles/nietus discussies en die threads zijn niet echt leesbaar op kleine schermen.

Voorbeeld:

[Glodenox]

Je kan zelf bepalen hoe ver een thread kan inspringen door de volgende custom CSS te gebruiken:

Cascading Stylesheet:

.reactie .reactie .reactie .reactie .reactie {margin-left:0}

Tweakers gebruikt dezelfde CSS, maar dan met een 9-tal keer ".reactie".
Het maximaal aantal inspringingen wordt bepaald door het aantal ".reactie"-elementen in de selector. Als je het enkel op je mobiel toestel wilt laten uitvoeren kan je er nog altijd een @media-selector rond zetten.

[Dorus]

Dit is vooral een probleem op mobiele apparaten met een smal scherm, op de desktop is er een maximale inspring die geen problemen oplevert (hoewel het er wel raar uit ziet: ik had een lagere moderatie die boven een hogere stond, maar toen bleek die tweede post een reactie op de eerste te zijn, echter was de maximale inspring bereikt).

[_David_]

Glodenox schreef op zaterdag 06 juni 2015 @ 23:37:
Je kan zelf bepalen hoe ver een thread kan inspringen door de volgende custom CSS te gebruiken:

Cascading Stylesheet:

.reactie .reactie .reactie .reactie .reactie {margin-left:0}

Tweakers gebruikt dezelfde CSS, maar dan met een 9-tal keer ".reactie".
Het maximaal aantal inspringingen wordt bepaald door het aantal ".reactie"-elementen in de selector. Als je het enkel op je mobiel toestel wilt laten uitvoeren kan je er nog altijd een @media-selector rond zetten.

Ben dit probleem nog niet vaak genoeg tegen gekomen om er een custom css fix voor te maken, maar ik zal het onthouden

Dorus schreef op zondag 07 juni 2015 @ 00:03:
Dit is vooral een probleem op mobiele apparaten met een smal scherm, op de desktop is er een maximale inspring die geen problemen oplevert (hoewel het er wel raar uit ziet: ik had een lagere moderatie die boven een hogere stond, maar toen bleek die tweede post een reactie op de eerste te zijn, echter was de maximale inspring bereikt).

Er is inderdaad al een limiet voor inspringen, maar die is te hoog voor kleine schermen.

Edit:

de limiet van max 9x inspringen die er op de desktop is zou ook prima zijn op kleine schermen, maar de css rule die dat doet, word overschreven door deze:

(responsive_c.css line 63 volgens firefox)

Cascading Stylesheet:

#reacties .reactie .reactie {
    margin-left: 10px;
}

Tijdelijke fix is om dit in je custom css te zitten:

Cascading Stylesheet:

@media (max-width: 499px), (max-device-width: 499px) and (orientation: portrait) { 
    #reacties .reactie .reactie .reactie .reactie .reactie .reactie .reactie .reactie .reactie {
        margin-left: 0px;
    }
} 

Bug dus ipv Feature request

(leuke detail, firefox dev tools heeft nogal moeite met het parsen van 200~ reacties in de responsive design view )

[ Voor 22% gewijzigd door _David_ op 07-06-2015 11:40 . Reden: geen important hack. ]

[_David_]

Moet naar SB, zie _David_ in "[FP] limiet inspringen reacties"

(dit was bedoeld als topic report )

[ Voor 21% gewijzigd door _David_ op 07-06-2015 00:32 ]

[Glodenox]

Ah inderdaad, nu zie ik het ook. Bij kleinere schermen wordt de regel om margin-left op 0 te zetten overschreven door de regel met die id omdat die een hogere specificiteit heeft.

De beste oplossing lijkt me regel 356 van articles+reacties.css aan te passen naar:

Cascading Stylesheet:

#reacties .reactie .reactie .reactie .reactie .reactie .reactie .reactie .reactie .reactie{margin-left:0}

Zo krijgt deze voldoende waarde om boven de aanpassing naar 10px marge aan de linkerkant uit te komen.

Hier trouwens geen probleem met het bekijken van responsive modus in de development tools van Firefox. Alles loopt hier zeer vloeiend.

[ Voor 10% gewijzigd door Glodenox op 07-06-2015 00:50 ]