Login form is covered in Argon w. Doku Igor

[networkmaster]

In the latest release of Argon and Doku Igor, the login form appears to be covered

Looking through this as best as i can tell is that this is a template issue as it doesn't occur in the older version

Chrome / Edge / Firefox in and not in private mode all show this issue
Release 2022-07-31a "Igor"

Any help / workarounds appreciated

[ics01]

I confirm. This problem is also the same under Opera, due to incompatibility with the latest released of our prefered wiki system, ie dokuwiki. ;=)

[lcpstudio]

Hi there,

In the file "/lib/tpl/argon/assets/css/doku.css", just add those lines:

#dw__login .no{
display: contents;
}

#dw__login #remember__me{
      margin-top: 0.4rem!important;
    width: auto;  
    float: left;
    margin-right: 10px;
}

#dw__login label[for="remember__me"]{
    margin-left: 59%!important;
}

[rs-11]

Hi there,

In the file "/lib/tpl/argon/assets/css/doku.css", just add those lines:

#dw__login .no{ display: contents; }

#dw__login #remember__me{       margin-top: 0.4rem!important;     width: auto;       float: left;     margin-right: 10px; }

#dw__login label[for="remember__me"]{     margin-left: 59%!important; }

that did not solve the problem for me! :(

[dannybsd]

Got the same problem on Login and Recent Changes. How to solve this? Thank you.

[adyotag]

Same problem on this end.

[LetschM]

I know it's no perfect solution, but I added this in doku.css and it works for me:

#dw__login.doku_form .no {
margin: 0rem;
height: 20rem;
padding: 0rem;
}

[Penworks]

2 years later .... sharing for the benefit of other readers. Yes, the lcpstudio fix will sort the issue.

Remember, CSS hierarchy may be in play so I placed their fix after the main login styles. They start at line 24995 and end at 25021. I placed the fix after that. See image:

Tested on Chromium (Brave), this creates the following login layout:

BUT Firefox may throw a weird layout for the login button, caused by the specified height:

.doku_form .no button {
  margin: 0rem;
  overflow: hidden;
  height: 92%;
}

So change this to:

.doku_form .no button {
  margin: 0rem;
  overflow: hidden;
  height: auto !important;
}

and place underneath the other code fix. That should control the height in Firefox, and doesnt seem to break the layout in Chromium (Brave).

Hope this helps someone.

[t0mtaylor]

Based on everyones contributions, below is All the code you can copy and paste to fix

This bug thread still fixes this issue for 2025 of the Argon theme 🚀

In the file /lib/tpl/argon/assets/css/doku.css, just add those lines:

/* ===================================
fix from github issues
https://github.com/Icewreck/Argon-Dokuwiki-Template/issues/54
=================================== */

#dw__login .no{
display: contents;
}

#dw__login #remember__me{
      margin-top: 0.4rem!important;
    width: auto;  
    float: left;
    margin-right: 10px;
}

#dw__login label[for="remember__me"]{
    margin-left: 59%!important;
}

/* ===================================
Firefox may throw a weird layout for the login button, caused by the specified height:
=================================== */

.doku_form .no button {
  margin: 0rem;
  overflow: hidden;
  height: auto !important;
}

/* ===================================
end of fix from github issues
=================================== */