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: ticketing system buttons alignment #3614

Merged
merged 1 commit into from
Nov 17, 2019

Conversation

snitin315
Copy link
Member

Fixes #3603

Short description of what this resolves:

fixes the weird alignment of The ticketing system buttons(i.e. free ticket, paid ticket ,donation ticket) on the create event page on small screens.

Screenshot from 2019-11-04 20-56-36

Changes proposed in this pull request:

Screenshot from 2019-11-09 20-07-01

Checklist

  • I have read the Contribution & Best practices Guide.
  • My branch is up-to-date with the Upstream development branch.
  • The acceptance, integration, unit tests and linter pass locally with my changes

@kushthedude
Copy link
Member

Show ss in large screen !

@snitin315
Copy link
Member Author

Show ss in large screen !

Screenshot from 2019-11-10 16-50-28

@kushthedude
Copy link
Member

kushthedude commented Nov 10, 2019 via email

@snitin315
Copy link
Member Author

It looks too poor, make it as before for large screen
@kushthedude Done. please review.

Screenshot from 2019-11-10 18-58-06

Screenshot from 2019-11-10 18-58-18

Copy link
Member Author

@snitin315 snitin315 left a comment

Choose a reason for hiding this comment

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

@kushthedude removed the custom css by using the grid layout.

large screen

Screenshot from 2019-11-10 20-55-46

small screen

Screenshot from 2019-11-10 20-55-31

@kushthedude
Copy link
Member

Dont change layout for the widescreen, Make changes only for mobile devices

@snitin315
Copy link
Member Author

Dont change layout for the widescreen, Make changes only for mobile devices

@kushthedude Done , Now i have made changes only for the mobile devices please check.

Copy link
Member Author

@snitin315 snitin315 left a comment

Choose a reason for hiding this comment

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

@kushthedude , How about these changes, edited just 3 lines.

@snitin315 snitin315 changed the title fixed ticketing system buttons alignment fix: ticketing system buttons alignment Nov 15, 2019
@auto-label auto-label bot added the fix label Nov 15, 2019
@kushthedude kushthedude self-requested a review November 15, 2019 09:49
@@ -189,14 +189,14 @@
</h3>
{{/if}}
</div>
<button type="button" class="ui blue small button" {{action 'addTicket' 'free' data.event.tickets.length}}>
<button type="button" class="ui blue {{if device.isMobile 'field fluid'}} small button" {{action 'addTicket' 'free' data.event.tickets.length}}>
Copy link
Member

Choose a reason for hiding this comment

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

I think field fluid fluid should work. Else its LGTM 👍

Copy link
Member Author

@snitin315 snitin315 Nov 15, 2019

Choose a reason for hiding this comment

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

@kushthedude , Without field there is no margin between the buttons .
Screenshot from 2019-11-15 15-43-00

@@ -189,14 +189,14 @@
</h3>
{{/if}}
</div>
<button type="button" class="ui blue small button" {{action 'addTicket' 'free' data.event.tickets.length}}>
<button type="button" class="ui blue {{if device.isMobile 'field fluid'}} small button" {{action 'addTicket' 'free' data.event.tickets.length}}>
Copy link
Member

Choose a reason for hiding this comment

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

Why is the block inserted in the middle of class? Move it to the end

Copy link
Member Author

Choose a reason for hiding this comment

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

@iamareebjamal Done, Moved the block to the end. Please review.

@iamareebjamal iamareebjamal merged commit 7c805e5 into fossasia:development Nov 17, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Weird Alignment of ticketing system buttons on small screen
3 participants