Online HTML manuals for Emacs missing important CSS

Online HTML manuals for Emacs missing important CSS

[Gavin Smith]

See for example:

https://www.gnu.org/software/emacs/manual/html_node/emacs/Misc-X.html#index-_002d_002dbasic_002ddisplay.
https://www.gnu.org/software/emacs/manual/html_node/elisp/Choosing-Window-Options.html

There are ¶ (pilcrow) symbols visible indicating copiable links.

texi2any outputs CSS rules to hide these unless the users moves their
mouse pointer over the text:

a.copiable-link {visibility: hidden; text-decoration: none; line-height: 0em}
span:hover a.copiable-link {visibility: visible}

However, these rules are missing.  Presumably they are removed when
the Emacs manuals are built for the web.

Could I suggest that either these CSS rules not be removed, or that
they be included in the "manual.css" file referenced by these pages?

Re: Online HTML manuals for Emacs missing important CSS

[Yuri Khan]

On Sun, 2 Apr 2023 at 20:11, Gavin Smith <gavinsmith0123@gmail.com> wrote:

> There are ś (pilcrow) symbols visible indicating copiable links.
>
> texi2any outputs CSS rules to hide these unless the users moves their
> mouse pointer over the text:
>
> a.copiable-link {visibility: hidden; text-decoration: none; line-height: 0em}
> span:hover a.copiable-link {visibility: visible}

How do these rules behave on mobile browsers where there is no mouse?

Re: Online HTML manuals for Emacs missing important CSS

[Gavin Smith]

On Mon, Apr 03, 2023 at 01:01:47AM +0700, Yuri Khan wrote:
> On Sun, 2 Apr 2023 at 20:11, Gavin Smith <gavinsmith0123@gmail.com> wrote:
> 
> > There are ś (pilcrow) symbols visible indicating copiable links.
> >
> > texi2any outputs CSS rules to hide these unless the users moves their
> > mouse pointer over the text:
> >
> > a.copiable-link {visibility: hidden; text-decoration: none; line-height: 0em}
> > span:hover a.copiable-link {visibility: visible}
> 
> How do these rules behave on mobile browsers where there is no mouse?

I've just tested it with Brave 1.49.132 on Android 8.1.0 and it appears
that the links appear when you tap on the text they are next to.
They disappear when you tap elsewhere on the page.

Re: Online HTML manuals for Emacs missing important CSS

[Arsen Arsenović]

[-- Attachment #1: Type: text/plain, Size: 1118 bytes --]


Gavin Smith <gavinsmith0123@gmail.com> writes:

> On Mon, Apr 03, 2023 at 01:01:47AM +0700, Yuri Khan wrote:
>> On Sun, 2 Apr 2023 at 20:11, Gavin Smith <gavinsmith0123@gmail.com> wrote:
>> 
>> > There are ś (pilcrow) symbols visible indicating copiable links.
>> >
>> > texi2any outputs CSS rules to hide these unless the users moves their
>> > mouse pointer over the text:
>> >
>> > a.copiable-link {visibility: hidden; text-decoration: none; line-height: 0em}
>> > span:hover a.copiable-link {visibility: visible}
>> 
>> How do these rules behave on mobile browsers where there is no mouse?
>
> I've just tested it with Brave 1.49.132 on Android 8.1.0 and it appears
> that the links appear when you tap on the text they are next to.
> They disappear when you tap elsewhere on the page.

This is browser specific.  You can use the following as a workaround:

  @media (hover: none) {
      /* Presume the user will have difficulty hovering.  Make clickable
         anchors visible.
       */
      a.copiable-link {
          visibility: visible;
      }
  }
-- 
Arsen Arsenović

[-- Attachment #2: signature.asc --]
[-- Type: application/pgp-signature, Size: 381 bytes --]