Project

General

Profile

Actions

Support #13604

closed

Public Profile on Mobile Format

Added by scott voth almost 2 years ago. Updated 4 months ago.

Status:
Resolved
Priority name:
Normal
Assignee:
Category name:
Public Portfolio
Target version:
Start date:
2020-11-21
Due date:
% Done:

0%

Estimated time:

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
Actions #1

Updated by Boone Gorges almost 2 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?

Actions #2

Updated by scott voth almost 2 years ago

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

Actions #3

Updated by Boone Gorges almost 2 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.

Actions #4

Updated by Boone Gorges almost 2 years ago

  • Target version changed from 1.18.1 to 1.18.2
Actions #5

Updated by Boone Gorges over 1 year ago

  • Target version changed from 1.18.2 to 1.18.3
Actions #6

Updated by Boone Gorges over 1 year ago

  • Target version changed from 1.18.3 to 1.18.4
Actions #7

Updated by Boone Gorges over 1 year ago

  • Target version changed from 1.18.4 to 1.18.5
Actions #8

Updated by Boone Gorges over 1 year ago

  • Target version changed from 1.18.5 to 1.18.6
Actions #9

Updated by Boone Gorges over 1 year ago

  • Target version changed from 1.18.6 to 1.18.7
Actions #10

Updated by Boone Gorges over 1 year ago

  • Target version changed from 1.18.7 to 1.18.8
Actions #11

Updated by Boone Gorges over 1 year ago

  • Target version changed from 1.18.8 to 1.18.9
Actions #12

Updated by Boone Gorges over 1 year ago

  • Target version changed from 1.18.9 to 1.18.10
Actions #13

Updated by Boone Gorges over 1 year ago

  • Target version changed from 1.18.10 to 1.18.11
Actions #14

Updated by Boone Gorges over 1 year ago

  • Target version changed from 1.18.11 to 1.18.12
Actions #15

Updated by Boone Gorges over 1 year ago

  • Target version changed from 1.18.12 to 1.18.13
Actions #16

Updated by Boone Gorges over 1 year ago

  • Target version changed from 1.18.13 to 1.18.14
Actions #17

Updated by Boone Gorges about 1 year ago

  • Target version changed from 1.18.14 to 1.18.15
Actions #18

Updated by Boone Gorges about 1 year ago

  • Target version changed from 1.18.15 to 1.18.16
Actions #19

Updated by Boone Gorges about 1 year ago

  • Target version changed from 1.18.16 to 1.18.17
Actions #20

Updated by Boone Gorges about 1 year ago

  • Target version changed from 1.18.17 to 1.18.18
Actions #21

Updated by Boone Gorges about 1 year ago

  • Target version changed from 1.18.18 to 1.18.19
Actions #22

Updated by Boone Gorges 12 months ago

  • Target version changed from 1.18.19 to 1.18.20
Actions #23

Updated by Boone Gorges 12 months ago

  • Target version changed from 1.18.20 to 1.18.21
Actions #24

Updated by Boone Gorges 11 months ago

  • Target version changed from 1.18.21 to 1.18.22
Actions #25

Updated by Boone Gorges 11 months ago

  • Target version changed from 1.18.22 to 1.18.23
Actions #26

Updated by Boone Gorges 10 months ago

  • Target version changed from 1.18.23 to 1.18.24
Actions #27

Updated by Boone Gorges 10 months ago

  • Target version changed from 1.18.24 to 1.18.25
Actions #28

Updated by Boone Gorges 9 months ago

  • Target version changed from 1.18.25 to 1.19.1
Actions #29

Updated by Boone Gorges 9 months ago

  • Target version changed from 1.19.1 to 1.19.2
Actions #30

Updated by Boone Gorges 8 months ago

  • Target version changed from 1.19.2 to 1.19.3
Actions #31

Updated by Boone Gorges 8 months ago

  • Target version changed from 1.19.3 to 1.19.4
Actions #32

Updated by Boone Gorges 7 months ago

  • Target version changed from 1.19.4 to 1.19.5
Actions #33

Updated by Boone Gorges 7 months ago

  • Target version changed from 1.19.5 to 1.19.6
Actions #34

Updated by Boone Gorges 6 months ago

  • Target version changed from 1.19.6 to 1.19.7
Actions #35

Updated by Boone Gorges 6 months ago

  • Target version changed from 1.19.7 to 1.19.8
Actions #36

Updated by Boone Gorges 5 months ago

  • Target version changed from 1.19.8 to 1.19.9
Actions #37

Updated by Boone Gorges 5 months ago

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.

Actions #38

Updated by Colin McDonald 5 months ago

Sounds good to me, thanks Boone. Scott, feel free to chime in if you notice anything else here.

Actions #39

Updated by scott voth 5 months ago

Looks good to me as well. Thanks!

Actions #40

Updated by Boone Gorges 4 months ago

  • Status changed from Staged for Production Release to Resolved
Actions

Also available in: Atom PDF