Download raw body.
httpd: improve directory index CSS
On Fri, May 31, 2024 at 11:53:04AM +0200, Omar Polo wrote:
> On 2024/05/31 15:23:25 +1000, "Paul W. Rankin" <hello@paulwrankin.com> wrote:
> > It looks like the original email was blackholed. Here it is again...
> >
> > This patch adds the CSS property font-variant-emoji: text to the
> > directory index. When supported this property prevents the unicode "up
> > and down" arrow being displayed as an emoji. Currently this property
> > needs to be explicitly enabled by users in Firefox and Safari, but will
> > hopefully be default soon.
> >
> > More info:
> > https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-emoji
>
> so this should prevent future browsers from rendering the "up and down"
> character in colours. the mdn page is a bit vague in terms of what will
> be the default value, saying that it's os-dependant.
>
> however, i'm for a more sober design, and the cost of keeping one css
> property is negligible.
>
> > This patch also removes the italic styling on directories. I think this
> > is preferable because the directories are already bold and the italics
> > make the bottom of the characters squash up against each other.
>
> fwiw I agree, i think it's more readable without italic.
>
> by the way, the diff was mangled by your MUA, but can't help with
> setting up apple mail (deduced from the headers) so that i doesn't
> mangle whitespaces. i'm reattaching your diff.
>
> (to test you can try sending a diff to yourself and apply it)
>
> Index: css.h.in
> ===================================================================
> RCS file: /home/cvs/src/usr.sbin/httpd/css.h.in,v
> diff -u -p -r1.1 css.h.in
> --- css.h.in 4 Jan 2024 18:17:47 -0000 1.1
> +++ css.h.in 31 May 2024 09:45:19 -0000
> @@ -3,6 +3,7 @@ body {
> background-color: white;
> color: black;
> font-family: sans-serif;
> + font-variant-emoji: text;
> }
> table {
> border-collapse: collapse;
> @@ -18,7 +19,6 @@ tr.sort th.sorted { font-weight: bold; }
> tr.sort th::after { content: "\a0\2195"; }
> tr.dir td:nth-child(2n+1) {
> font-weight: bold;
> - font-style: italic;
> }
> td, th { padding: 2pt 2em; }
> td:first-child, th:first-child { padding-left: 5pt; }
>
>
OK claudio@
--
:wq Claudio
httpd: improve directory index CSS