theme-bulma
theme-bulma copied to clipboard
[Bug Report] position="" for o-tabs is not working
Overview of the problem
Oruga version: [0.6.0] Vuejs version: [3.2.47] OS/Browser: Windows 11/Firefox theme-bulma: [0.2.10]
Description
The tab items should be centered after adding position="centered" but it's not being centered.
Steps to reproduce
- add position="centered" to o-tabs
Expected behavior
Actual behavior
@zhaolinlau @jtommy the problem is because in bulma.css expected ul in css class and oruga ui not use tag ul.
file: bulma.css
.tabs.is-centered ul { justify-content: center; }
See in position tabs: https://oruga.io/components/Tabs.html
In buefy used tag ul.
See in: https://buefy.org/documentation/tabs
My solution was add new custom css class:
.b-tabs > .is-centered { justify-content: center !important; }
Sure, can you make a PR?
@whiplashwebb can you take a look at this issue?