navigation menu in CSS-agnosticbrowsers #137

Gesloten
2018-02-07 17:45:09 +00:00 geopend door ineiev · 7 opmerkingen
Lid

The list in div#direct-links on pages like https://fsfe.org doesn't
look very good when the browser ignores CSS: the last word of
the preceding link is connected to the first word of the next one:

MenuContentSitemapPage infoBecome a supporterLoginChange languageFree Software Foundation Europe

I wonder if it were possible to insert some spaces between them, like

Menu Content Sitemap Page infoBecome a supporter Login Change language Free Software Foundation Europe

The list in div#direct-links on pages like https://fsfe.org doesn't look very good when the browser ignores CSS: the last word of the preceding link is connected to the first word of the next one: <a href="#menu-list" id="direct-to-menu-list" data-toggle="collapse" data-target="#menu-list"><i class="fa fa-bars fa-lg"></i>Menu</a><a href="#content" id="direct-to-content">Content</a><a href="#full-menu" id="direct-to-full-menu">Sitemap</a><a href="#source" id="direct-to-source">Page info</a><a href="/join?fsfe-header" id="direct-to-join"><i class="fa fa-user-plus fa-lg"></i>Become a supporter</a><a href="/fellowship/login.en.html" id="direct-to-login"><i class="fa fa-sign-in fa-lg"></i>Login</a><a href="#translations" id="direct-to-translations" data-toggle="collapse" data-target="#translations"><i class="fa fa-globe fa-lg"></i>Change language</a><a href="/index.en.html" id="direct-to-home"><i class="fa fa-home fa-lg"></i>Free Software Foundation Europe</a> I wonder if it were possible to insert some spaces between them, like <a href="#menu-list" id="direct-to-menu-list" data-toggle="collapse" data-target="#menu-list"><i class="fa fa-bars fa-lg"></i>Menu</a> <a href="#content" id="direct-to-content">Content</a> <a href="#full-menu" id="direct-to-full-menu">Sitemap</a> <a href="#source" id="direct-to-source">Page info</a><a href="/join?fsfe-header" id="direct-to-join"><i class="fa fa-user-plus fa-lg"></i>Become a supporter</a> <a href="/fellowship/login.en.html" id="direct-to-login"><i class="fa fa-sign-in fa-lg"></i>Login</a> <a href="#translations" id="direct-to-translations" data-toggle="collapse" data-target="#translations"><i class="fa fa-globe fa-lg"></i>Change language</a> <a href="/index.en.html" id="direct-to-home"><i class="fa fa-home fa-lg"></i>Free Software Foundation Europe</a>
paul voegde de
bug
design
easy
xsl
labels 2018-02-07 21:30:46 +00:00 toe
Lid

I think it should not be spaces, but rather the menu items should be in an <ul> list.

I think it should not be spaces, but rather the menu items should be in an `<ul>` list.
Author
Lid

I agree, a list will do.

I agree, a list will do.
max.mehl heeft dit 2019-05-22 10:07:35 +00:00 aan de mijlpaal Hackathon1905 toegevoegd
Lid

The mobile view has changed heavily since creation of the ticket.
Can you please check again and report if this solves your issues?

The mobile view has changed heavily since creation of the ticket. Can you please check again and report if this solves your issues?
Author
Lid

No, it doesn't.

I agree that putting them as items of an

    would fix it.

No, it doesn't. I agree that putting them as items of an <ul> would fix it.
Lid

Can you take a screenshot and add it to the ticket.
Furthermore can you specify the browser you use?

Thanks!

Can you take a screenshot and add it to the ticket. Furthermore can you specify the browser you use? Thanks!
doczkal heeft dit 2019-05-25 15:17:07 +00:00 aan zichzelf toegewezen
mweimann heeft dit 2019-09-11 19:57:50 +00:00 aan zichzelf toegewezen
Lid

I've added myself to this issue 😄

The menu structure is kind of screwed up. I have to find some time to update the header section. When doing this I will also refactor the menu.

I've added myself to this issue :smile: The menu structure is kind of screwed up. I have to find some time to update the header section. When doing this I will also refactor the menu.
mweimann heeft 2019-10-18 11:09:22 +00:00 zijn/haar toewijzing verwijderd
Lid

Update on the last comment: I won't work on this one. So if anyone other may take this over would ne great.

Update on the last comment: I won't work on this one. So if anyone other may take this over would ne great.
doczkal is niet toegewezen door reinhard 2020-04-27 12:27:12 +00:00
reinhard heeft dit 2020-04-27 12:27:15 +00:00 aan zichzelf toegewezen
reinhard heeft dit probleem gesloten 2020-05-03 19:30:10 +00:00
Log in om deel te nemen aan deze discussie.
Geen mijlpaal
Niet toegewezen
4 deelnemers
Notificaties
Vervaldatum
De deadline is ongeldig of buiten bereik. Gebruik het formaat 'jjjj-mm-dd'.

Geen vervaldatum ingesteld.

Afhankelijkheden

Geen afhankelijkheden ingesteld.

Referentie: FSFE/fsfe-website#137
No description provided.