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.

Sign up for GitHub

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

Jump to bottom

[Bug Report] Right alignment of tabs in mobile sizes moves to the left. #8294

Closed
Elprogrammador opened this issue Aug 4, 2019 · 3 comments
Closed

[Bug Report] Right alignment of tabs in mobile sizes moves to the left. #8294

Elprogrammador opened this issue Aug 4, 2019 · 3 comments
Assignees
@johnleider
Labels
C: VTabs VTabs P: high The issue is of high importance S: has PR The issue has a pending Pull Request T: bug Functionality that does not work as intended/expected T: regression Something that used to work but we broke
Milestone
v2.2.x

Comments

@Elprogrammador
Copy link

Environment

Vuetify Version: 2.0.4
Vue Version: 2.6.10
Browsers: Firefox 68.0
OS: Windows 10

Steps to reproduce

Just you have to rezise the screen size to a "sm" or xm "size".

Expected Behavior

The alignment keep the property who was estableced, in this case "right"

Actual Behavior

The alignment of the tabs change from right to left.

Reproduction Link

https://codepen.io/anon/pen/Jgregj?editors=1010

Other comments

The problem also happens in Google Chrome 76.0
@ghost ghost added the S: triage label Aug 4, 2019
@jacekkarczmarczyk jacekkarczmarczyk added C: VTabs VTabs T: bug Functionality that does not work as intended/expected and removed S: triage labels Aug 4, 2019
@jacekkarczmarczyk
Copy link
Member

https://github.com/vuetifyjs/vuetify/blob/master/packages/vuetify/src/components/VTabs/VTabs.sass#L50

@jacekkarczmarczyk jacekkarczmarczyk added the T: regression Something that used to work but we broke label Aug 4, 2019
@jacekkarczmarczyk jacekkarczmarczyk added this to the v2.0.x milestone Aug 5, 2019
This was referenced Aug 9, 2019
Closed
Closed
@jacekkarczmarczyk
Copy link
Member

Another example broken by f380842 : https://codepen.io/dikeshjariwala/pen/WVKqjz

@jacekkarczmarczyk jacekkarczmarczyk mentioned this issue Aug 10, 2019
Closed
jacekkarczmarczyk added a commit that referenced this issue Aug 10, 2019
@jacekkarczmarczyk
fix(VTabs): alignment in mobile mode
e993f07 
fixes #8294
@jacekkarczmarczyk jacekkarczmarczyk mentioned this issue Aug 10, 2019
Closed
9 tasks
@jacekkarczmarczyk jacekkarczmarczyk added the S: has PR The issue has a pending Pull Request label Aug 10, 2019
This was referenced Aug 12, 2019
Closed
Closed
@jacekkarczmarczyk jacekkarczmarczyk added the P: high The issue is of high importance label Aug 14, 2019
This was referenced Aug 18, 2019
Closed
Closed
Closed
Closed
@NAVI-91 NAVI-91 mentioned this issue Aug 22, 2019
Closed
@jacekkarczmarczyk jacekkarczmarczyk mentioned this issue Aug 30, 2019
Closed
@KaelWD KaelWD modified the milestones: v2.0.x, v2.1.x Oct 2, 2019
@johnleider johnleider modified the milestones: v2.1.x, v2.2.x Oct 11, 2019
@NAVI-91 NAVI-91 mentioned this issue Jan 28, 2020
Closed
@johnleider johnleider self-assigned this Apr 21, 2020
@ghost

This comment has been minimized.

Sign in to view
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@johnleider johnleider

Labels
C: VTabs VTabs P: high The issue is of high importance S: has PR The issue has a pending Pull Request T: bug Functionality that does not work as intended/expected T: regression Something that used to work but we broke
Projects
None yet
Milestone
v2.2.x
Development

Successfully merging a pull request may close this issue.

fix(VTabs): alignment in mobile mode vuetifyjs/vuetify
4 participants
@Elprogrammador @johnleider @jacekkarczmarczyk @KaelWD