Skip to content

Visual glitch in non-rounded dark dialog #455

@srknzl

Description

@srknzl

Describe the bug
Visual glitch in dark dialogs (not rounded ones)

To Reproduce

Steps to reproduce the behavior:

  1. Go to https://nostalgic-css.github.io/NES.css/
  2. Click on "open dark dialog"
  3. See glitch

Expected behavior

Screenshots

how it is right now:

image

what it should look like:

image

Environment:

  • OS: Ubuntu 20.04
  • Browser: Chrome Version 89.0.4389.90 (Official Build) (64-bit)
  • Build environment (i.e. NodeJS): None

Suggestion(s) for fixing this issue
This css block causes this glitch, I don't know what it does.

https://github.com/nostalgic-css/NES.css/blob/master/scss/elements/dialogs.scss#L26

Disabling "position: absolute" in dev tools fixes the glitch

Additional context

Metadata

Metadata

Assignees

No one assigned

    Labels

    bugSomething isn't working

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions