Styling of the summary elements #492

Open
opened 4 months ago by nobody · 5 comments
nobody commented 4 months ago

It would be good if the styling of the summary elements (inside the details tags) could be improved. Some users don't know that it's possible to expand the element.

Maybe something like this:

summary {
    cursor: pointer;
    text-decoration: underline;
}

summary:hover {
    text-decoration: none;
}

details[open] summary {
    text-decoration: none;
}
It would be good if the styling of the `summary` elements (inside the `details` tags) could be improved. Some users don't know that it's possible to expand the element. Maybe something like this: ```css summary { cursor: pointer; text-decoration: underline; } summary:hover { text-decoration: none; } details[open] summary { text-decoration: none; } ```
nobody changed title from Styleing of the summary elements to Styling of the summary elements 4 months ago
n added the
enhancement
gitea-related
labels 4 months ago
Collaborator

Shall we add this upstream? Or just add this to our custom styles? I don't have much experience with UI, but I think this just needs to be added to some LESS file? Maybe someone can just make a PR upstream and add nobody as co-author?

Shall we add this upstream? Or just add this to our custom styles? I don't have much experience with UI, but I think this just needs to be added to some LESS file? Maybe someone can just make a PR upstream and add nobody as co-author?
Collaborator

I think it would make it upstream if a pull is created :)

I think it would make it **upstream** if a pull is created :)
Collaborator

demo:

This is the summary text, click me to expand

This is the detailed text.

We can still use markdown, ............... some code ... a link to nowere

demo: <details> <summary markdown="span">This is the summary text, click me to expand</summary> This is the detailed text. We can still use markdown, ............... `some code ...` [a link to nowere](trash) </details>
Collaborator

@nobody cursor is already active now - so you would propose to underline ?!?

@nobody cursor is already active now - so you would propose to underline ?!?
Poster

cursor is already active now

Great, thank you 👍

so you would propose to underline ?!?

Good question. I don't know. On some websites it's underlined and on mouseover it's not. On other websites it's the opposite. And some never underline.

I think the mouseover is very helpful for people who don't know this element.

> cursor is already active now Great, thank you 👍 > so you would propose to underline ?!? Good question. I don't know. On some websites it's underlined and on mouseover it's not. On other websites it's the opposite. And some never underline. I think the mouseover is very helpful for people who don't know this element.
Sign in to join this conversation.
No Milestone
No Assignees
3 Participants
Notifications
Due Date

No due date set.

Dependencies

This issue currently doesn't have any dependencies.

Loading…
There is no content yet.