Coding lessons of the week...

One I solved today had to do with yet another UI fix in Vue...It was a header that was persistently sticky, and I was instructed by the UX designer to make it nonsticky. It took me down a lot of weird paths, including getting lost in the weeds of a bunch of ERB files that I don't think are actually used anywhere in our codebase. 

But then I finally found it. Inside of the v-app-bar attribute, there were a few attributes: color="primary", app, and flat. 

After stumbling upon this link, I found that I simply had to remove the app attribute, and the header stopped being affixed to the top of the page. While further testing will be required to see if this doesn't break anything else, ultimately I was surprised at how simply the fix was! And how simple it can be to just add it right back...

Comments

Popular posts from this blog

Unleashing my inner Disney Princess ✩₊˚.⋆☾⋆⁺₊✧ at the 2024 Disney Princesses Half Marathon

The 20-something types of Computer Science majors

The Evenstar