Support #13604
closedPublic Profile on Mobile Format
Added by scott voth over 3 years ago. Updated about 2 years ago.
0%
Description
On a mobile device, can the short description have a little top padding so that it displays better? See attached.
Files
public profile.png (639 KB) public profile.png | scott voth, 2020-11-21 02:49 PM | ||
prof pic.png (518 KB) prof pic.png | scott voth, 2020-11-24 01:43 PM | ||
Screenshot_2022-04-27_15-10-50.png (188 KB) Screenshot_2022-04-27_15-10-50.png | Boone Gorges, 2022-04-27 04:12 PM |
Updated by Boone Gorges over 3 years ago
Scott, can you say more about what you're asking for? You mean more space between the user's name and the line below it? It looks to me like the three sections here (name, Brief Descriptor, About Me) are the same distance from each other, but you're suggesting that the space between Name and BD should be greater?
Updated by scott voth over 3 years ago
- File prof pic.png prof pic.png added
Sorry, I meant the padding between Brief Description and About Me. I think it would look better if the About Me section was full width and not leave the blank space under the member's picture. Looking at another member's profile, I actually don't think it is a padding issue, but rather that the text (both brief desc and About Me) does not wrap around the picture. It looks like it they are displayed in a column. Does that make sense? see attached
Updated by Boone Gorges over 3 years ago
- Target version set to 1.18.1
Got it. Yes, that does make sense. It's not totally straightforward to fix this, because Name and Brief Descriptor can be of varying length, and we must account for that, while working around the difficulties of wrapping text around elements in CSS. I'll look into it.
Updated by Boone Gorges over 3 years ago
- Target version changed from 1.18.1 to 1.18.2
Updated by Boone Gorges over 3 years ago
- Target version changed from 1.18.2 to 1.18.3
Updated by Boone Gorges over 3 years ago
- Target version changed from 1.18.3 to 1.18.4
Updated by Boone Gorges over 3 years ago
- Target version changed from 1.18.4 to 1.18.5
Updated by Boone Gorges over 3 years ago
- Target version changed from 1.18.5 to 1.18.6
Updated by Boone Gorges over 3 years ago
- Target version changed from 1.18.6 to 1.18.7
Updated by Boone Gorges over 3 years ago
- Target version changed from 1.18.7 to 1.18.8
Updated by Boone Gorges over 3 years ago
- Target version changed from 1.18.8 to 1.18.9
Updated by Boone Gorges over 3 years ago
- Target version changed from 1.18.9 to 1.18.10
Updated by Boone Gorges over 3 years ago
- Target version changed from 1.18.10 to 1.18.11
Updated by Boone Gorges about 3 years ago
- Target version changed from 1.18.11 to 1.18.12
Updated by Boone Gorges about 3 years ago
- Target version changed from 1.18.12 to 1.18.13
Updated by Boone Gorges about 3 years ago
- Target version changed from 1.18.13 to 1.18.14
Updated by Boone Gorges about 3 years ago
- Target version changed from 1.18.14 to 1.18.15
Updated by Boone Gorges about 3 years ago
- Target version changed from 1.18.15 to 1.18.16
Updated by Boone Gorges about 3 years ago
- Target version changed from 1.18.16 to 1.18.17
Updated by Boone Gorges almost 3 years ago
- Target version changed from 1.18.17 to 1.18.18
Updated by Boone Gorges almost 3 years ago
- Target version changed from 1.18.18 to 1.18.19
Updated by Boone Gorges almost 3 years ago
- Target version changed from 1.18.19 to 1.18.20
Updated by Boone Gorges almost 3 years ago
- Target version changed from 1.18.20 to 1.18.21
Updated by Boone Gorges almost 3 years ago
- Target version changed from 1.18.21 to 1.18.22
Updated by Boone Gorges almost 3 years ago
- Target version changed from 1.18.22 to 1.18.23
Updated by Boone Gorges over 2 years ago
- Target version changed from 1.18.23 to 1.18.24
Updated by Boone Gorges over 2 years ago
- Target version changed from 1.18.24 to 1.18.25
Updated by Boone Gorges over 2 years ago
- Target version changed from 1.18.25 to 1.19.1
Updated by Boone Gorges over 2 years ago
- Target version changed from 1.19.1 to 1.19.2
Updated by Boone Gorges over 2 years ago
- Target version changed from 1.19.2 to 1.19.3
Updated by Boone Gorges over 2 years ago
- Target version changed from 1.19.3 to 1.19.4
Updated by Boone Gorges over 2 years ago
- Target version changed from 1.19.4 to 1.19.5
Updated by Boone Gorges over 2 years ago
- Target version changed from 1.19.5 to 1.19.6
Updated by Boone Gorges over 2 years ago
- Target version changed from 1.19.6 to 1.19.7
Updated by Boone Gorges over 2 years ago
- Target version changed from 1.19.7 to 1.19.8
Updated by Boone Gorges over 2 years ago
- Target version changed from 1.19.8 to 1.19.9
Updated by Boone Gorges over 2 years ago
- File Screenshot_2022-04-27_15-10-50.png Screenshot_2022-04-27_15-10-50.png added
- Status changed from New to Staged for Production Release
- Target version changed from 1.19.9 to 2.0.0
I finally got a chance to look at this more closely. Without totally rewriting the markup, it's hard to do exactly what Scott originally suggested. But I was able to use Flexbox to change the layout in a different way on mobile: the avatar now appears at the top, centered on its own row. See screenshot. https://github.com/cuny-academic-commons/cac/commit/fd37b645eae06044f4d9b0e1d93355e83675edd0
Let's call this good enough until we redesign these pages.
Updated by Colin McDonald over 2 years ago
Sounds good to me, thanks Boone. Scott, feel free to chime in if you notice anything else here.
Updated by Boone Gorges about 2 years ago
- Status changed from Staged for Production Release to Resolved