question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

QPagination text color doesn't work

See original GitHub issue

What happened?

As title says

What did you expect to happen?

Text color to work

Reproduction URL

https://stackblitz.com/edit/quasarframework-webpack-aun8hn?file=src/pages/IndexPage.vue

How to reproduce?

  1. Go to reproduction link
  2. Notice the text color is blue, while it should be black based on text-color="black" prop

Flavour

Quasar CLI with Webpack (@quasar/cli | @quasar/app-webpack)

Areas

Components (quasar)

Platforms/Browsers

Firefox, Chrome

Quasar info output

No response

Relevant log output

No response

Additional context

No response

Issue Analytics

  • State:closed
  • Created a year ago
  • Comments:14 (2 by maintainers)

github_iconTop GitHub Comments

2reactions
rstoenescucommented, Oct 13, 2022

@tomukasas

Thank you for opening this ticket. There were lots of issues with the current implementation in regards to the design. Everything will work as expected now, with new possibilities as well. You will be able to also pick the active btn design (flat/outline/push/unelevated/default). The “active-color/text-color” props will work as expected. Also added a new prop for the gutter. Also did some perf work with this component.

The goodies will land in Quasar v2.9.3

0reactions
webnoobcommented, Oct 13, 2022

Thanks @rstoenescu 😃

Read more comments on GitHub >

github_iconTop Results From Across the Web

Changing pagination colour Bootstrap - css - Stack Overflow
8 Answers 8 · Change the value at the source, change #eee to purple. · Override the selector. Make sure it has the...
Read more >
[BUG]: QPagination with input prop doesn't pass 'color' prop to ...
When QPagination with property input and color="orange-10" , the the input color remains at color: rgba(0,0,0,.87) as per the .q-field__native ...
Read more >
Table | Quasar Framework
QTable is a component that allows you to display data in a tabular manner. It's generally called a datatable. It packs the following...
Read more >
q-table on pagination Next flashes last page before showing ...
This sounds weired but on clicking pagination Next, q-table flashes last page before showing the next page. This happens on fresh page load, ......
Read more >
text-rendering - CSS: Cascading Style Sheets - MDN Web Docs
The text-rendering CSS property provides information to the rendering engine about what to optimize for when rendering text.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found