Pagina 1 van 1

Profiel mobiel vriendelijker maken

Geplaatst: 19 jul 2021, 15:54
door Sintforum
Op de mobiele versie van het forum vind ik de profielpagina nog wat rommelig en onoverzichtelijk.
Een aantal dingen die ik anders wil zien op de mobile pagina:

- Het blokje 'gebruikersstatistieken' wil ik verbergen
- Lettergrootte wil ik aanpassen
- Iets meer afstand tussen de regels
- De koppen (zoals gebruikersnaam, groepen, locatie, etc) wil ik vetgedrukt

Hoe krijg ik dit voor mekaar? Ik had al wat geprobeerd in 'responsive.css', maar niets lijkt te helpen.

De avatar heb ik rond gemaakt met

Code: Selecteer alles

border-radius: 75px;

Re: Profiel mobiel vriendelijker maken

Geplaatst: 19 jul 2021, 16:15
door Sintforum
Het is toch gelukt door dingen aan te passen in 'responsive.css'.
Waaronder de tekst-grootte en de afstand van links:

Code: Selecteer alles

	dl.details dt, dl.details dd {
		width: auto;
		float: none;
		text-align: left;
		font-size: 1.2em;
		margin-left: 10px;
	}
Nu vraag ik mij alleen nog af hoe ik een afstand creƫer tussen de regels en hoe ik het gebruikersstatistieken verberg.

Re: Profiel mobiel vriendelijker maken

Geplaatst: 19 jul 2021, 16:22
door Sintforum

Code: Selecteer alles

line-height: 1.7em;
Deze inmiddels toegevoegd om de regelhoogte aan te geven.

Re: Profiel mobiel vriendelijker maken

Geplaatst: 19 jul 2021, 17:10
door Sintforum
Ik zou het ook mooier vinden als in de response/mobiele de tekst achter de dubbele punt komt de staan.

Niet zo:
Gebruikersnaam:
Danny
Maar zo:
Gebruikersnaam: Danny
Hoe doe ik dat?

Re: Profiel mobiel vriendelijker maken

Geplaatst: 19 jul 2021, 17:48
door El torro
Over welke pagina heb je het nu?

Re: Profiel mobiel vriendelijker maken

Geplaatst: 19 jul 2021, 18:23
door Sintforum
Profielpagina van een gebruiker.

Re: Profiel mobiel vriendelijker maken

Geplaatst: 19 jul 2021, 19:35
door El torro
Ik denk wel dat dat met een reden is gedaan maar als je het wil veranderen moet je (o.a.) in common.css zijn regen 665 "Float"

Re: Profiel mobiel vriendelijker maken

Geplaatst: 19 jul 2021, 20:50
door Sintforum
Kan ik het kopje 'gebruikersstatistieken' op de response/mobiele pagina verbergen op de een of andere manier?

Re: Profiel mobiel vriendelijker maken

Geplaatst: 19 jul 2021, 21:16
door El torro
Dan moet je het

Code: Selecteer alles

.stat-block
in de

Code: Selecteer alles

responsive.css
laten verdwijnen door er een max-width aan te geven.