#137 navigation menu in CSS-agnosticbrowsers

Open
opened 1 year ago by ineiev · 7 comments
ineiev commented 1 year ago

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 added the
bug
label 1 year ago
paul added the
design
label 1 year ago
paul added the
easy
label 1 year ago
paul added the
xsl
label 1 year ago
reinhard commented 7 months ago
Collaborator

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.
ineiev commented 7 months ago
Poster

I agree, a list will do.

I agree, a list will do.
max.mehl added this to the Hackathon1905 milestone 5 months ago
doczkal commented 5 months ago
Collaborator

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?
ineiev commented 5 months ago
Poster

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.
doczkal commented 5 months ago
Collaborator

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 self-assigned this 5 months ago
mweimann self-assigned this 1 month ago
mweimann commented 1 month ago
Collaborator

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.

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 removed their assignment 5 days ago
mweimann commented 5 days ago
Collaborator

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.
Sign in to join this conversation.
No Milestone
No Assignees
4 Participants
Due Date

No due date set.

Dependencies

This issue currently doesn't have any dependencies.

Loading…
Cancel
Save
There is no content yet.