Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Small CSS change to spec documentation for ease of use #10618

Open
FredGandt opened this issue Sep 11, 2024 · 1 comment
Open

Small CSS change to spec documentation for ease of use #10618

FredGandt opened this issue Sep 11, 2024 · 1 comment
Labels
good first issue Ideal for someone new to a WHATWG standard or software project

Comments

@FredGandt
Copy link

The documented tables of named character references show the characters in cells subject to the following CSS:

#named-character-references-table > table > tbody > tr > td:last-child:hover > span {
    position: absolute;
    top: auto;
    left: auto;
    margin-left: 0.5em;
    line-height: 1.2;
    font-size: 5em;
    border: outset;
    padding: 0.25em 0.5em;
    background: var(--bg, Canvas);
    width: 1.25em;
    height: auto;
    text-align: center;
}

The result is that upon hovering over the characters, they are enlarged and moved to the side, presumably for a better view, which is quite helpful. However, if the cursor is moved toward the character, perhaps to select it for copying, the above rule disengages and the character retreats to its former diminutive station, which is quite annoying.

A small change to the CSS rule fixes this issue, while the "zoomed view" feature remains in place:

#named-character-references-table > table > tbody > tr > td:last-child:hover > span {
    position: absolute;
    top: auto;
    left: auto;
    margin-left: 0.2em; /* <-- this small change */
    line-height: 1.2;
    font-size: 5em;
    border: outset;
    padding: 0.25em 0.5em;
    background: var(--bg, Canvas);
    width: 1.25em;
    height: auto;
    text-align: center;
}

Please consider applying this small change.
Thanks.

@domenic domenic transferred this issue from whatwg/meta Sep 12, 2024
@domenic domenic added the good first issue Ideal for someone new to a WHATWG standard or software project label Sep 12, 2024
@FredGandt
Copy link
Author

Thank you :)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
good first issue Ideal for someone new to a WHATWG standard or software project
Development

Successfully merging a pull request may close this issue.

2 participants