No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    Increase Label Size/Weight for Fields & Inputs??

    Help
    5
    7
    2197
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • D
      daveline last edited by

      I have stacked labels on my forms and my users (poor eyesight & looking at screens in the sun) are complaining that the labels are too small and faint. Is there an easy way to change the size and weight of the font of the labels?

      Preferably using a scoped stylus/css class name that I can add to the q-fields I want bigger.

      I don’t really want this to be global, but would if you have a way with Stylus Variables, it would probably work for me. Even if it is global.

      I am using q 0.15.6 with material design.

      0_1520972667533_4da40a69-3ef8-4090-b31c-42b5b2b01d97-image.png

      rstoenescu 1 Reply Last reply Reply Quote 0
      • rstoenescu
        rstoenescu Admin @daveline last edited by

        @daveline Hi, we’re simply following Material Design Guidelines. But if you need to change something, please use the browser developer tools and inspect the inputs, to see what CSS selector you need to overwrite color on.

        D 1 Reply Last reply Reply Quote 0
        • D
          daveline @rstoenescu last edited by

          Thanks @rstoenescu
          I know it is just a material design thing & I really hate to deviate from standards and make special cases. My users were just asking for it. I had already started to inspect the CSS and overwrite things, I just figured I would ask to see if there was a “better” way.

          1 Reply Last reply Reply Quote 0
          • K
            kerbo last edited by

            I also think the labels are too washed out. I don’t know if there is an actual spec, but in every Material Design website I’ve looked at the labels are bit darker and clearer to read.

            And there seems to be no requirement to make the symbols ($, 😵 the same color as the labels. To me, the symbols should be the text color.

            1 Reply Last reply Reply Quote 0
            • K
              kerbo last edited by

              Is there a simple way to change the label appearance?

              1 Reply Last reply Reply Quote 0
              • Shone
                Shone last edited by

                Using css to override default class? 🙂

                1 Reply Last reply Reply Quote 0
                • D
                  delebash last edited by

                  One way could be to use label slots in quasar v2.1.1

                  1 Reply Last reply Reply Quote 0
                  • First post
                    Last post