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(files): fix table layout for small screens #4967

Merged
merged 2 commits into from
Sep 22, 2022

Conversation

nathan-power
Copy link
Contributor

What this PR does 📖

  • Moves mobile file controls into separate component
  • Moves mobile file components into views/files/mobile
  • Wraps desktop table in scroll

Which issue(s) this PR fixes 🔨

Special notes for reviewers 🗒️

Additional comments 🎤

@nathan-power nathan-power added this to the UI milestone Sep 21, 2022
@nathan-power nathan-power self-assigned this Sep 21, 2022
@nathan-power nathan-power linked an issue Sep 21, 2022 that may be closed by this pull request
@github-actions github-actions bot added the Missing Dev Review A Dev and a Dev Approver need to review the PR, then mark as Ready for QA label Sep 21, 2022
@josephmcg josephmcg self-requested a review September 21, 2022 08:23
@phillsatellite phillsatellite added the QA tested One QA Person has tested - Needs QA Lead review still label Sep 21, 2022
@josephmcg josephmcg force-pushed the 4966-fix-table-layout-for-small-screens branch from d6a20df to 95cef91 Compare September 22, 2022 00:02
Comment on lines +40 to +62
<div v-else-if="gridLayout" class="files-view__desktop-wrapper">
<FilesGrid
:directory="directory"
@like="like"
@share="share"
@rename="rename"
@remove="remove"
@handle="handle"
class="files-view-desktop"
/>
</div>

<div v-else-if="!gridLayout" class="files-view__desktop-wrapper">
<FilesList
:directory="directory"
@like="like"
@share="share"
@rename="rename"
@remove="remove"
@handle="handle"
class="files-view-desktop"
/>
</div>
Copy link
Contributor

Choose a reason for hiding this comment

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

this markup could probably be simplified, but later is ok

@josephmcg josephmcg merged commit 71111d6 into dev Sep 22, 2022
@josephmcg josephmcg deleted the 4966-fix-table-layout-for-small-screens branch September 22, 2022 00:19
@github-actions github-actions bot removed Missing Dev Review A Dev and a Dev Approver need to review the PR, then mark as Ready for QA QA tested One QA Person has tested - Needs QA Lead review still labels Sep 22, 2022
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.

fix table layout for small screens
3 participants