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
    1. Home
    2. bkirvin
    B
    • Profile
    • Following 0
    • Followers 0
    • Topics 2
    • Posts 7
    • Best 1
    • Groups 0

    bkirvin

    @bkirvin

    1
    Reputation
    1
    Profile views
    7
    Posts
    0
    Followers
    0
    Following
    Joined Last Online

    bkirvin Follow

    Best posts made by bkirvin

    • RE: Q-input border color on focus

      If you inspect the ::before in Chrome inspector, you will see a CSS rule for ‘.q-field–outlined .q-field__control:before’ that is styling the q-input.

      posted in Help
      B
      bkirvin

    Latest posts made by bkirvin

    • RE: Q-input border color on focus

      If you inspect the ::before in Chrome inspector, you will see a CSS rule for ‘.q-field–outlined .q-field__control:before’ that is styling the q-input.

      posted in Help
      B
      bkirvin
    • RE: Q-input border color on focus

      Found the problem! Quasar styling is not friendly with Vue’s scoped styling. This works once scoped directive is removed from the style tag.

      Thanks again!

      posted in Help
      B
      bkirvin
    • RE: Q-input border color on focus

      Thank you for answering!
      I see that the fiddle works, but I still get the black outline on hover in my component. I am using Quasar pkg 1.14.2. Differences I see is that my q-input is inside a q-form, if that matters and I am using more props.

      <q-input
          @focus="resetValid('username')"
          dense
          standout
          placeholder="Enter username"
          type="text"
          ref="username"
          outlined
          no-error-icon
          v-model: "user.email"
          :rules="[
              val => !!val || '* Required',
              val => isValidEmail(val) || 'invalid email'
          ]"
          lazy rules />
      
      posted in Help
      B
      bkirvin
    • RE: Reading environment variables from server (not .env file) when using @quasar/quasar-app-extension-dotenv

      I did this on Azure by serving the Vue app as a Node/Express public folder, then create an endpoint on Express that returns the process.env object to the Vue application’s GET request. Worked like a charm.

      Create an express project. Add interface/ to the root and then build your Vue app there. Set Express to serve interface/dist and your builds will be served by Express.

      Deploy the express app to your web application.

      posted in Help
      B
      bkirvin
    • Are Quasar components required for build process?

      I have only just started using Quasar on a project with specific UX requirements. For example, I need a blue outlined input on hover. Three days of hacking the CSS has not produced a solution.

      My question is, will using standard HTML <input> rather than <q-input> break the Quasar build magic, or can I roll my own standard elements as needed?

      posted in Help
      B
      bkirvin
    • Q-input border color on focus

      I have been hacking for 3 days trying to set the q-input outlined border color on focus. I successfully accessed the border color, but then the hover changed it to black. I can’t find any hover styling in the inspector. Anyone managed this?

      posted in Help
      B
      bkirvin