theme-bulma icon indicating copy to clipboard operation
theme-bulma copied to clipboard

[Bug Report] position="" for o-tabs is not working

Open zhaolinlau opened this issue 1 year ago • 3 comments

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

  1. add position="centered" to o-tabs

Expected behavior

image

Actual behavior

image

zhaolinlau avatar May 07 '23 19:05 zhaolinlau

@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 image

In buefy used tag ul. See in: https://buefy.org/documentation/tabs image

My solution was add new custom css class:

.b-tabs > .is-centered { justify-content: center !important; }

italocassio avatar Jun 12 '23 20:06 italocassio

Sure, can you make a PR?

jtommy avatar Jun 12 '23 20:06 jtommy

@whiplashwebb can you take a look at this issue?

jtommy avatar Feb 28 '24 19:02 jtommy