Alert messages do not close on login page about django-2021

[Abbasa5251]

You need to add below CSS in app.css file

.alert {
  position: fixed;
  left: 50%;
  top: 120px;
  transform: translate(-50%, -50%);


  z-index: 99999;
}

[EXxZAM]

Just checking, were you able to fix it? I have it displaying like yours but when I click the "X" it doesn't close. I've added the code referenced to my app.css but still the same. Thanks.

hi, I removed the default CSS lines related to alert messages and added the code @Abbasa5251 mentioned to app.css and it worked!

[Sapin32]

You need to add below CSS in app.css file

.alert {
  position: fixed;
  left: 50%;
  top: 120px;
  transform: translate(-50%, -50%);


  z-index: 99999;
}

Thank you for pointing this out, my alert messages weren't showing properly without this.

[EXxZAM]

Hi, Have You Found a solution for this? Can you share? I'm stuck and can't find a workaround.

[EXxZAM]

Thank You So Much!

[fallstonray]

Just checking, were you able to fix it? I have it displaying like yours but when I click the "X" it doesn't close. I've added the code referenced to my app.css but still the same. Thanks.

[fallstonray]

@EXxZAM Very good, thank you.

That is what I've done however it still does the same thing. It does however notice when my mouse is over the "X" as the pointer turns into a finger to click. (see attached images). Here is a sample of my current code in static/styles/app.css and main.html.

If anyone has an idea of what else I could check please let me know. Thank you.

[RemyAde]

@fallstonray
I have the same issue too... any fix yet?

[RemyAde]

It seems to be a browser issue. It works in Chrome, but not in Firefox as in my case
Chrome ✅