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. whoacowboy
    W
    • Profile
    • Following 0
    • Followers 0
    • Topics 1
    • Posts 4
    • Best 1
    • Groups 0

    whoacowboy

    @whoacowboy

    1
    Reputation
    109
    Profile views
    4
    Posts
    0
    Followers
    0
    Following
    Joined Last Online

    whoacowboy Follow

    Best posts made by whoacowboy

    • RE: Form input autofill background color in Chrome

      I agree, an official fix for this would be great. I too wanted to keep autocomplete enabled and not have Chrome break the UI. Here is how I did it.

      input:-webkit-autofill,
      input:-webkit-autofill:hover,
      input:-webkit-autofill:focus,
      textarea:-webkit-autofill,
      textarea:-webkit-autofill:hover,
      textarea:-webkit-autofill:focus,
      select:-webkit-autofill,
      select:-webkit-autofill:hover,
      select:-webkit-autofill:focus {
        -webkit-text-fill-color: $textColor;
        -webkit-box-shadow: 0 0 0 1000px $backgroundColor inset !important;
        transition: background-color 300ms ease-in-out 0s;
      }
      .q-field--outlined .q-field__control:before {
        z-index: 1;
      }
      
      posted in Framework
      W
      whoacowboy

    Latest posts made by whoacowboy

    • RE: [SOLVED] Access Vuex store in router.js

      @Zol This was extremely helpful. Thank you!

      posted in Framework
      W
      whoacowboy
    • Align divs with flexbox using quasar classes.

      I was wondering if somebody could help me out. I want to align two divs in a row in reverse order if the screen width is greater than 999px and a column in regular order if the screen is equal to or less than 999px. I have an example of it working with POCSS but was wondering if this was possible with quasar?

      <div class="container">
        <div class="item">1</div>
        <div class="item">2</div>
      </div>
      
      .container {
        display: flex;
        flex-direction: row-reverse;
        .item {
          border: 1px solid #9c0000;
          height: 100px;
          width: 100%;
          line-height: 100px;
          text-align: center;
          font-family: sans-serif;
          font-size: 60px;
        }
      }
      
      @media (max-width: 999px) {
        .container {
          flex-direction: column;
        }
      }
      
      posted in Framework
      W
      whoacowboy
    • RE: this.$q is undefined

      @rubs @Hawkeye64 @dobbel Any luck with this. I am having the same issue.

      posted in Framework
      W
      whoacowboy
    • RE: Form input autofill background color in Chrome

      I agree, an official fix for this would be great. I too wanted to keep autocomplete enabled and not have Chrome break the UI. Here is how I did it.

      input:-webkit-autofill,
      input:-webkit-autofill:hover,
      input:-webkit-autofill:focus,
      textarea:-webkit-autofill,
      textarea:-webkit-autofill:hover,
      textarea:-webkit-autofill:focus,
      select:-webkit-autofill,
      select:-webkit-autofill:hover,
      select:-webkit-autofill:focus {
        -webkit-text-fill-color: $textColor;
        -webkit-box-shadow: 0 0 0 1000px $backgroundColor inset !important;
        transition: background-color 300ms ease-in-out 0s;
      }
      .q-field--outlined .q-field__control:before {
        z-index: 1;
      }
      
      posted in Framework
      W
      whoacowboy