Skip to content

Design details in file picker - #12154

Merged
skjnldsv merged 3 commits into
masterfrom
files-details
Oct 31, 2018
Merged

Design details in file picker#12154
skjnldsv merged 3 commits into
masterfrom
files-details

Conversation

@jancborchardt

Copy link
Copy Markdown
Member
  • Filepicker: center text in grid view, improve spacing
  • slightly round off thumbnails in list view too

The centering of text because it’s centered in the Files view too – check with short names. :) And the filename was too closely stuck below the thumbnail.
And the rounding off of thumbnails does not work in the file picker as of now unfortunately because we use background-image there for the thumbnail. (We should change this when we do a rewrite.)

Before and after of file picker grid view:
file picker grid view before

file picker grid view after

Please review @nextcloud/designers ❤️

Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
Signed-off-by: Jan-Christoph Borchardt <hey@jancborchardt.net>
@jancborchardtjancborchardt added bug design Design, UI, UX, etc. 3. to review Waiting for reviews labels Oct 30, 2018
@jancborchardtjancborchardt added this to the Nextcloud 15 milestone Oct 30, 2018
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
@skjnldsv

Copy link
Copy Markdown
Member

And the rounding off of thumbnails does not work in the file picker as of now unfortunately because we use background-image there for the thumbnail.

Strange, it works fine here! :)
I just added a commit

capture d ecran_2018-10-31_06-50-30

@ChristophWurstChristophWurst left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good!

@skjnldsvskjnldsv added 4. to release Ready to be released and/or waiting for tests to finish and removed 3. to review Waiting for reviews labels Oct 31, 2018
@skjnldsv
skjnldsv merged commit 426641a into masterOct 31, 2018
@skjnldsv
skjnldsv deleted the files-details branch October 31, 2018 08:01
@jancborchardt

Copy link
Copy Markdown
MemberAuthor

Strange, it works fine here! :)
I just added a commit

I did of course try the same. ;) But note how there’s only border-radius on the top of the image. Because the image starts at the top of the td, but it ends before the bottom, cause the filename is in the same td element.

Sign up for freeto join this conversation on GitHub. Already have an account? Sign in to comment

Labels

4. to releaseReady to be released and/or waiting for tests to finishbugdesignDesign, UI, UX, etc.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants

@jancborchardt@skjnldsv@ChristophWurst