Project

General

Profile

Actions
Copy link

Support #13604

closed

Public Profile on Mobile Format

Added by scott voth about 4 years ago. Updated over 2 years ago.

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

0%

Estimated time:
Deployment actions:

Description

On a mobile device, can the short description have a little top padding so that it displays better? See attached.

Files

Download all 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
Copy link
 #1

Updated by Boone Gorges about 4 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
Copy link
 #2

Updated by scott voth about 4 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
Copy link
 #3

Updated by Boone Gorges about 4 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
Copy link
 #4

Updated by Boone Gorges almost 4 years ago

  • Target version changed from 1.18.1 to 1.18.2
Actions
Copy link
 #5

Updated by Boone Gorges almost 4 years ago

  • Target version changed from 1.18.2 to 1.18.3
Actions
Copy link
 #6

Updated by Boone Gorges almost 4 years ago

  • Target version changed from 1.18.3 to 1.18.4
Actions
Copy link
 #7

Updated by Boone Gorges almost 4 years ago

  • Target version changed from 1.18.4 to 1.18.5
Actions
Copy link
 #8

Updated by Boone Gorges almost 4 years ago

  • Target version changed from 1.18.5 to 1.18.6
Actions
Copy link
 #9

Updated by Boone Gorges over 3 years ago

  • Target version changed from 1.18.6 to 1.18.7
Actions
Copy link
 #10

Updated by Boone Gorges over 3 years ago

  • Target version changed from 1.18.7 to 1.18.8
Actions
Copy link
 #11

Updated by Boone Gorges over 3 years ago

  • Target version changed from 1.18.8 to 1.18.9
Actions
Copy link
 #12

Updated by Boone Gorges over 3 years ago

  • Target version changed from 1.18.9 to 1.18.10
Actions
Copy link
 #13

Updated by Boone Gorges over 3 years ago

  • Target version changed from 1.18.10 to 1.18.11
Actions
Copy link
 #14

Updated by Boone Gorges over 3 years ago

  • Target version changed from 1.18.11 to 1.18.12
Actions
Copy link
 #15

Updated by Boone Gorges over 3 years ago

  • Target version changed from 1.18.12 to 1.18.13
Actions
Copy link
 #16

Updated by Boone Gorges over 3 years ago

  • Target version changed from 1.18.13 to 1.18.14
Actions
Copy link
 #17

Updated by Boone Gorges over 3 years ago

  • Target version changed from 1.18.14 to 1.18.15
Actions
Copy link
 #18

Updated by Boone Gorges over 3 years ago

  • Target version changed from 1.18.15 to 1.18.16
Actions
Copy link
 #19

Updated by Boone Gorges over 3 years ago

  • Target version changed from 1.18.16 to 1.18.17
Actions
Copy link
 #20

Updated by Boone Gorges over 3 years ago

  • Target version changed from 1.18.17 to 1.18.18
Actions
Copy link
 #21

Updated by Boone Gorges about 3 years ago

  • Target version changed from 1.18.18 to 1.18.19
Actions
Copy link
 #22

Updated by Boone Gorges about 3 years ago

  • Target version changed from 1.18.19 to 1.18.20
Actions
Copy link
 #23

Updated by Boone Gorges about 3 years ago

  • Target version changed from 1.18.20 to 1.18.21
Actions
Copy link
 #24

Updated by Boone Gorges about 3 years ago

  • Target version changed from 1.18.21 to 1.18.22
Actions
Copy link
 #25

Updated by Boone Gorges about 3 years ago

  • Target version changed from 1.18.22 to 1.18.23
Actions
Copy link
 #26

Updated by Boone Gorges about 3 years ago

  • Target version changed from 1.18.23 to 1.18.24
Actions
Copy link
 #27

Updated by Boone Gorges almost 3 years ago

  • Target version changed from 1.18.24 to 1.18.25
Actions
Copy link
 #28

Updated by Boone Gorges almost 3 years ago

  • Target version changed from 1.18.25 to 1.19.1
Actions
Copy link
 #29

Updated by Boone Gorges almost 3 years ago

  • Target version changed from 1.19.1 to 1.19.2
Actions
Copy link
 #30

Updated by Boone Gorges almost 3 years ago

  • Target version changed from 1.19.2 to 1.19.3
Actions
Copy link
 #31

Updated by Boone Gorges almost 3 years ago

  • Target version changed from 1.19.3 to 1.19.4
Actions
Copy link
 #32

Updated by Boone Gorges almost 3 years ago

  • Target version changed from 1.19.4 to 1.19.5
Actions
Copy link
 #33

Updated by Boone Gorges over 2 years ago

  • Target version changed from 1.19.5 to 1.19.6
Actions
Copy link
 #34

Updated by Boone Gorges over 2 years ago

  • Target version changed from 1.19.6 to 1.19.7
Actions
Copy link
 #35

Updated by Boone Gorges over 2 years ago

  • Target version changed from 1.19.7 to 1.19.8
Actions
Copy link
 #36

Updated by Boone Gorges over 2 years ago

  • Target version changed from 1.19.8 to 1.19.9
Actions
Copy link
 #37

Updated by Boone Gorges over 2 years 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
Copy link
 #38

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.

Actions
Copy link
 #39

Updated by scott voth over 2 years ago

Looks good to me as well. Thanks!

Actions
Copy link
 #40

Updated by Boone Gorges over 2 years ago

  • Status changed from Staged for Production Release to Resolved
Actions
Copy link

Also available in: Atom PDF