revert(userlist): drop username input width cap (#7593 review)

The width:75px on #myusernameform and width:100%/box-sizing on
#myusernameedit from a55436ca0 were guarding against an overlap with
a "Log out" button — but no Log out button exists in vanilla
etherpad-lite (the original report came from a setup with a plugin
that adds one). Without that button visible, the cap just makes the
default username field unnecessarily narrow.

Restore #myusernameform to just `margin-left: 10px` and drop the
forced width on the input. If the overlap reappears in a real plugin
setup it should be re-fixed there (or with a more targeted rule that
only kicks in when a logout button is actually present).

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
This commit is contained in:
John McLear 2026-04-26 09:13:06 +01:00
parent 9f330cbb41
commit 78f0c4e82d

View file

@ -58,10 +58,6 @@
#myusernameform {
margin-left: 10px;
/* Constrain the username input so the adjacent Log out button does not
get pushed off the Users popup previously the input expanded to its
natural default width and overlapped the button. Fixes #7593. */
width: 75px;
}
input#myusernameedit {
height: 26px;
@ -70,11 +66,6 @@ input#myusernameedit {
border: 1px solid #ccc;
background-color: transparent;
margin: 0;
/* Keep the input inside its 75px container (border + padding included).
Without these the text field renders wider than the container on its
natural content width and overlaps the Log out button. */
width: 100%;
box-sizing: border-box;
}
input#myusernameedit:not(.editable) {
color: grey;