Code Monkey home page Code Monkey logo

building-custom-overlays's Introduction

Building Custom Overlays

These are the resource files needed for the Building Custom Overlays codelab.

This codelab shows the common challenges in building an overlay system that is accessible and correctly renders on the top layer’s stacking context.

building-custom-overlays's People

Contributors

valdrinkoshi avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

building-custom-overlays's Issues

Step7 error

Hi, I was doing the codelab because I wanna use some overlays in a project I'm working on but I couldn't be able to end it because an error it's been generated.

I already created an issue for it at PolymerLabs/iron-overlay#5 but it will be helpful if you let me know how this work for you. I just clone the repo install the dependences and follow the lab, everything is right but steps 7 and 8.

Please check the error I already described at PolymerLabs/iron-overlay#5 and let me know if you can help me.

Thanks in advance, If you need any extra information I'll be here for it,
Cheers.

Why override outline for gray background instead of using background-color of `.custom-dialog[opened]`

For the sake of curiosity, why the following wasn't considered

.custom-dialog[opened] {
  background: rgba(0, 0, 0, 0.1);
}

instead of

.content-wrapper {
  outline: 9999px solid rgba(0, 0, 0, 0.1);
}

Merely adding an additional 9 breaks the existing code which seems eccentric to say the least.

If outline is insisted on being used for a background purpose, how come a value such as 100vmax wasn't used instead to ensure no issues with finite values associated with the ultimate purpose of ensuring the entire viewport is considered to have a visual background that in fact always cover it?

It seemingly should have a comment nonetheless.

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.