quasarframework / quasar

Quasar Framework - Build high-performance VueJS user interfaces in record time
https://quasar.dev
MIT License
25.28k stars 3.43k forks source link

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

Open e274426380 opened 2 weeks ago

e274426380 commented 2 weeks ago

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

myleslee commented 1 week ago

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