(If admins are interested and don't know how to add custom CSS I can bundle it into a phpBB style that can be more easily installed.)
No hard feelings if this is not wanted or not a priority. Feel free to disregard.
Before:
After:
CSS:
Code: Select all
/*
* Modificatons to phpBB purplexion theme.
* https://www.phpbb.com/customise/db/style/purplexion/
*
*/
body.section-memberlist {
/*
* View Profile page
*
* - Don't squish avatar image.
* - Improve the layout of avatar image (left) and details (right).
* - Improve the layout of details (Username, Groups, etc) on narrower
* screens.
*/
form#viewprofile {
.panel.bg1:first-child .inner {
display: flex;
flex-wrap: wrap;
gap: 1em;
.left-box {
float: unset;
&.avatar-rank-container {
max-width: unset;
.profile-avatar img {
max-width: unset;
}
}
&.profile-details {
flex-grow: 1;
display: grid;
grid-template-columns: repeat(2, max-content);
align-content: start;
max-width: fit-content;
dt {
text-align: right;
}
&, dt {
float: unset;
clear: unset;
width: unset;
}
dd {
width: max-content;
white-space: nowrap;
}
}
}
}
}
}
