-
Notifications
You must be signed in to change notification settings - Fork 1.8k
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: Ticket dashboard table css overflow on small screens #3593
Conversation
Can you provide a GIF for the same, Its difficult to understand this change from the SS ? |
@kushthedude here is the gif : |
Use properties |
89e5926
to
9bc7d80
Compare
|
<div class="ui header"> | ||
{{t 'Order Summary'}} | ||
<span class="sub header"> | ||
{{t 'By order status'}} | ||
</span> | ||
</div> | ||
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Remove it
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
the whole div ?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
the extra line
<div class="row"> | ||
<table class="ui stackable celled unstackable table"> | ||
<div class="row x-scrollable"> | ||
<table class="ui stackable celled unstackable table" > |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
no need for extra space in here
6a50944
to
1cac947
Compare
1cac947
to
469b8c3
Compare
@kushthedude fixed #3605 in this PR as well. below is the corresponding screenshot.Please review |
Thanks a lot for this PR. Please help to get some important issues out of the way in this project. We have labeled these issues here: https://github.com/fossasia/open-event-frontend/issues?q=is%3Aissue+is%3Aopen+label%3A%22Priority%3A+High%22 Our goal is to focus on these issues. |
Fixes #3589 #3605
Short description of what this resolves:
fixes the ticket dashboard Table CSS Overflow on Small Device Screens.
![issuebug](https://user-images.githubusercontent.com/46647141/68089135-d9d47700-fe8b-11e9-964e-ae9291d58b54.png)
Also fixes the manage events dashboard search-box overflow on small screen devices :
![Screenshot from 2019-11-05 20-11-08](https://user-images.githubusercontent.com/46647141/68404556-bfa8da80-01a4-11ea-9de6-ed41390167b2.png)
Changes proposed in this pull request:
I have fixed it by setting the css overflow property to scroll.
Checklist
development
branch.