#135 News page: Improve tags view

Closed
opened 1 year ago by schiessle · 9 comments
schiessle commented 1 year ago

The new news page looks great (https://fsfe.org/news/) but the tags look a bit lost. It is not obvious whether they belong to the news item above or below.

Maybe putting it next to the date or somewhere between the headline and the content would work. Just as a example how it could look like, that’s how I display it on my blog:

The new news page looks great (https://fsfe.org/news/) but the tags look a bit lost. It is not obvious whether they belong to the news item above or below. Maybe putting it next to the date or somewhere between the headline and the content would work. Just as a example how it could look like, that's how I display it on my blog:
max.mehl changed title from Improve news page to News page: Improve tags view 1 year ago
max.mehl added the
xsl
label 1 year ago
max.mehl added the
design
label 1 year ago
reinhard commented 7 months ago
Collaborator

Maybe it would help to just have thin lines between each news item? If we change that, we should actually also have the same design on https://fsfe.org/events/ for consistency.

Maybe it would help to just have thin lines between each news item? If we change that, we should actually also have the same design on https://fsfe.org/events/ for consistency.
max.mehl added this to the Hackathon1905 milestone 4 months ago
ulf self-assigned this 4 months ago
max.mehl commented 4 months ago
Owner

I merged #941 by @ulf which addressed this issue. So now it should be clear where the tags belong to.

However, I am not completely happy about the look as it creates such a hard separation between the news items. Perhaps we could make the line not 100% wide but 30%, and centered, so that it isn’t so dominant?

I merged #941 by @ulf which addressed this issue. So now it should be clear where the tags belong to. However, I am not completely happy about the look as it creates such a hard separation between the news items. Perhaps we could make the line not 100% wide but 30%, and centered, so that it isn't so dominant?
max.mehl commented 4 months ago
Owner

@mweimann Would you have a good idea perhaps?

@mweimann Would you have a good idea perhaps?
mweimann commented 4 months ago
Collaborator

@mweimann Would you have a good idea perhaps?

Yes, I can have a look.

> @mweimann Would you have a good idea perhaps? Yes, I can have a look.
mweimann self-assigned this 4 months ago
mweimann commented 4 months ago
Collaborator

Here are three options:

  • 33 % line divider
  • 66 % line divider
  • just dividing using space
Here are three options: * 33 % line divider * 66 % line divider * just dividing using space
ulf commented 4 months ago
Collaborator

+1 for the space option

+1 for the space option
max.mehl commented 4 months ago
Owner

Thanks! Space feels most clear. Second favourite is 33%.

By the way, I would propose to make a .5em padding for ul.archivetaglist li since it’s unclear in the screenshot where one tag begins and ends.

I also noticed that the news archive has a .9em font-size while the events archive doesn’t have that. Would you agree to unify it? If yes, I would propose to use the normal font size

Thanks! Space feels most clear. Second favourite is 33%. By the way, I would propose to make a .5em padding for `ul.archivetaglist li` since it's unclear in the screenshot where one tag begins and ends. I also noticed that the news archive has a .9em font-size while the events archive doesn't have that. Would you agree to unify it? If yes, I would propose to use the normal font size
mweimann commented 1 week ago
Collaborator

see #1096

see #1096
max.mehl commented 1 week ago
Owner

Closed with #1096

Closed with #1096
Sign in to join this conversation.
No Milestone
No Assignees
5 Participants
Due Date

No due date set.

Dependencies

This issue currently doesn't have any dependencies.

Loading…
Cancel
Save
There is no content yet.