Skip to content
This repository has been archived by the owner on Dec 8, 2022. It is now read-only.

File attachments file-drop component without allowLinks is off center #645

Closed
Blackbaud-JeffDye opened this issue May 1, 2017 · 3 comments
Assignees

Comments

@Blackbaud-JeffDye
Copy link
Contributor

Expected behavior

'Drag a file here' button is either centered, or resized to fill a similar width to the file-items below.

Actual behavior

'Drag a file here' button remains the same size, leaving empty space to the right.

Steps to reproduce

Using a file attachments component without allowLinks, with or without an uploaded file, button position/size is off center.

Plunker

https://plnkr.co/edit/ftclZUafkKTyxNajaIhA?p=preview

@Blackbaud-JeffDye
Copy link
Contributor Author

Wasn't sure if this was following a different pattern than what I'd expected, but the only way I've found to override this would be to use a /deep/ style on the class sky-file-drop-col.

@Blackbaud-PatrickOFriel
Copy link
Contributor

Yeah, the sky-file-drop class should probably change it's flex-basis from 50% to 100% when no link area is available.

@Blackbaud-PatrickOFriel
Copy link
Contributor

In 2.0.0-beta.27

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

No branches or pull requests

2 participants