Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix #1367: Image picker enhancements #1805

Open
wants to merge 6 commits into
base: dev
Choose a base branch
from

Conversation

Ateina
Copy link
Contributor

@Ateina Ateina commented Apr 9, 2024

Q A
Bug fix? [X]
New feature? [ ]
New sample? [ ]
Related issues? fixes #1367

What's in this Pull Request?

PR contains changes to the FilePicker control to match OOTB Sharepoint File Picker

  • Added placeholder to the 'From a link' tab

image

  • Updated layout for 'Site' tab

Before:
image

PR:
7

Copy link

@github-actions github-actions bot left a comment

Choose a reason for hiding this comment

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

Thank you for the first contribution to this project.

Copy link
Collaborator

@michaelmaillot michaelmaillot left a comment

Choose a reason for hiding this comment

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

Thanks for the PR @Ateina!

I've added few things to update. Let me know if something's not right from your side 🙂

}

.filePickerFolderCardTile {
max-width: 176px;
Copy link
Collaborator

Choose a reason for hiding this comment

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

From what I tested, this property is not mandatory, as it's already calculated from the whole div.

background-color: "[theme:neutralLighterAlt, default:#{$ms-color-neutralLighterAlt}]";
.filePickerFolderCardImage {
position: relative;
width: 112px;
Copy link
Collaborator

Choose a reason for hiding this comment

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

For width values, I suggest to indicate viewport unit in order to be more responsive:

Suggested change
width: 112px;
width: 7vw;

…ntLibraryBrowser.module.scss

Co-authored-by: Michaël Maillot <[email protected]>
@Ateina
Copy link
Contributor Author

Ateina commented Aug 19, 2024

@michaelmaillot Thank you for review, I'm working on update for more responsive layout :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants