Giter Club home page Giter Club logo

Comments (4)

id1945 avatar id1945 commented on May 24, 2024 2

@Stefke-Novo

.navigation {
    z-index: 1;  /* add this one */
}

from ngx-scanner-qrcode.

id1945 avatar id1945 commented on May 24, 2024

@Stefke-Novo Want to tweak the css yourself? But unlucky for you because there are some things that need to add css right after creating the element.
Please be more specific so I can find solution for the upcoming release!

from ngx-scanner-qrcode.

Stefke-Novo avatar Stefke-Novo commented on May 24, 2024

Yup, here's the problem. This menu is displayed absolute.
image
After reaching the page where I put QR scanner, something begins to be odd.
The first thing I see after implementation that view is made sticky position or in something similar as in picture bellow.
image
After that, I wanted to change the elements to be in display:flex. In this particular instance I see that overlay component has to be there for some reason and honestly I don't know why.
image
Div with class "origin-overlay" does not have any height when is everything displayed with "box-sizing:border-box;"
Now, other 2 components with classes "origin-canvas" and "origin-video", even they now have position:relative (I gave the css on browser the components), I can't still make the components go under my menu like in picture bellow:
image
For the reasons I tried to see if I could find any documentation to fix the issue but I didn't find. I'll be glad to help as well improving the app because this is my graduation project.
Here's link to the project if you want to see how the situation really is:
https://github.com/Honey-beer-application/honey-beer-app
Just one note: github-pages is not updated because it's full-stack application.

from ngx-scanner-qrcode.

Stefke-Novo avatar Stefke-Novo commented on May 24, 2024

@id1945 Thank you for your time and help 😄💯

from ngx-scanner-qrcode.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.