quasarframework / quasar

Quasar Framework - Build high-performance VueJS user interfaces in record time

Home Page:https://quasar.dev

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

q-tooltip component is actually using wrong font-size style.

e274426380 opened this issue · comments

What happened?

.q-tooltip--style says font-size:10px, but the example style in the documentation actually has a font-size of 12px.
In the actual application, the font-size is only 10px.
10px is very, very small, which makes the actual style completely different from the documented style.

What did you expect to happen?

I think I need to change the font-size of the .q-tooltip--style to 12px to match the actual use case in the documentation.

Reproduction URL

https://codepen.io/rstoenescu/pen/xxEvBLR

How to reproduce?

<div id="q-app">
    <span>
    here
    <q-tooltip>
     tooltips
    </q-tooltip>
  </span>
</div>

On this page you can also find the css style for font-size:10px, while the actual application style is 12px, which is contradictory

Flavour

Quasar CLI with Vite (@quasar/cli | @quasar/app-vite)

Areas

Components (quasar)

Platforms/Browsers

Chrome

Quasar info output

No response

Relevant log output

No response

Additional context

No response

commented

Agree. The font size is currently too small which makes people squint.