Skip to content

Add new alignment tags to BBCode#14645

Closed
someonecantcode wants to merge 1 commit intoppy:masterfrom
someonecantcode:right-tag-documentation
Closed

Add new alignment tags to BBCode#14645
someonecantcode wants to merge 1 commit intoppy:masterfrom
someonecantcode:right-tag-documentation

Conversation

@someonecantcode
Copy link
Copy Markdown

ppy/osu-web#12896
As a side note, the alignment tags are not only limited to text. They can align any BBCode element (images, videos, etc.).

Self-check

@github-actions
Copy link
Copy Markdown
Contributor

Thank you for contributing to the osu! wiki.

Please take note of the following:

  • Make sure you've read this self-check checklist.

  • Translations that have not been reviewed by a native speaker will be merged after a minimum of 1 week. If there are no reviewers for your language, please mention it explicitly.

  • Refrain from spamming the Update branch button. A maintainer will do this before merging anyway.

  • Apply review suggestions in batches from the Files changed tab like this:

    Demo GIF

See the contribution guide for more information.

All changes are run through continuous integration checks, which provide automatic detection of common errors. If you need help with decrypting CI check error messages, or with any other issues, ask in the #osu-wiki channel on the osu! Discord server.

Copy link
Copy Markdown
Member

@Walavouchey Walavouchey left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

what about [left]?

Comment thread wiki/BBCode/en.md Outdated
[right]text[/right]
```

The `[right]` tag is used to align text to the right of a box. This is most often used for right-to-left languages alongside stylistic effect in titles, headers, or poems. If placed inside of or surrounding a `[quote]` tag, the text inside the quote block will be right aligned, but the stylistic lines and such will not.
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Suggested change
The `[right]` tag is used to align text to the right of a box. This is most often used for right-to-left languages alongside stylistic effect in titles, headers, or poems. If placed inside of or surrounding a `[quote]` tag, the text inside the quote block will be right aligned, but the stylistic lines and such will not.
The `[right]` tag is used to align text to the right of a box. This is most often used for right-to-left languages alongside stylistic effect in titles, headers, or poems. If placed inside of or surrounding a `[quote]` tag, the text inside the quote block will be right-aligned, but the stylistic lines and such will not.

Comment thread wiki/BBCode/en.md Outdated
[right]text[/right]
```

The `[right]` tag is used to align text to the right of a box. This is most often used for right-to-left languages alongside stylistic effect in titles, headers, or poems. If placed inside of or surrounding a `[quote]` tag, the text inside the quote block will be right aligned, but the stylistic lines and such will not.
Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

what are "stylistic lines"

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this means the vertical line at the left side of a quote block. This sentence is copied from the [centre]'s description right above.

Copy link
Copy Markdown
Contributor

@The-Last-Cookie The-Last-Cookie left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Personally, I would have suggested to move all 3 tags into one alignment section. Otherwise, the tag description would essentially be copied 2 times.

@someonecantcode
Copy link
Copy Markdown
Author

someonecantcode commented Apr 23, 2026

what about [left]?

oops, I missed it. The only thing that doesn't make sense is that all elements are automatically left aligned in the first place.
When nesting alignment tags, the inner tag will overrides the outer tag, making a new line with the new alignment, which kind of serves no purpose as it is identical to just not nesting them.

[right][left]yes[/left]no[/right]

yes
[right]no[/right]

Personally, I would have suggested to move all 3 tags into one alignment section. Otherwise, the tag description would essentially be copied 2 times.

Agreed. I will rewrite and add a new section to reduce redundancy.

@someonecantcode someonecantcode changed the title [EN] Add new [right] alignment tag into wiki. [EN] Add new alignment tags into wiki. Apr 23, 2026
@SisypheOvO
Copy link
Copy Markdown
Contributor

"The [right] tag is used to align text to the right of a box."

This seems misleading because it obviously can be used directly without a [box] tag outside.

"This is most often used for right-to-left languages alongside stylistic effect in titles, headers, or poems."

This is also not quite precise because

  1. firstly RTL languages may not be the main reason we are adding this tag for website bbcode render.

  2. descriptions that works for the [centre] tag will not be fully appliable for [right] so you have to think twice before explaining.

  3. we usually want to align anything you can imagine to the right of the profile, not just specific languages, titles and something like that. For example I've seen at least 2 beatmap descriptions trying to implement a similar style for the "credits" part or something else (before we added the [right] tag). Besides that, I did this in my profile, and both 2 lines do not belong to the things you've listed (which is mostly because this sentence is simply describing [centre] instead of [right]):

    image

@someonecantcode
Copy link
Copy Markdown
Author

someonecantcode commented Apr 24, 2026

"descriptions that works for the [centre] tag will not be fully appliable for [right] so you have to think twice before explaining."

Hello, I tested the [quote] tag on all three alignment tags and the vertical line produced is consistently always left aligned so the description applies for all three. I tried to keep everything more accurate alongside their original state.

@SisypheOvO
Copy link
Copy Markdown
Contributor

SisypheOvO commented Apr 25, 2026

Hello, I tested the [quote] tag on all three alignment tags and the vertical line produced is consistently always left aligned so the description applies for all three. I tried to keep everything more accurate alongside their original state.

oh yeah i mean the "stylistic effect in titles, headers, or poems" part when I'm saying that. The [quote] vertical line surely won't change. Sorry for the misunderstanding.

@Walavouchey Walavouchey changed the title [EN] Add new alignment tags into wiki. Add new alignment tags to BBCode Apr 25, 2026
Comment thread wiki/BBCode/en.md Outdated
@someonecantcode someonecantcode force-pushed the right-tag-documentation branch from 8f26acd to 767d102 Compare April 27, 2026 02:53
@someonecantcode someonecantcode requested review from a team and peppy as code owners April 27, 2026 02:53
@osu-wiki-observatory
Copy link
Copy Markdown

Someone else has edited same files as you did. Please check their changes in case they conflict with yours:

@osu-wiki-observatory
Copy link
Copy Markdown

Someone else has edited same files as you did. Please check their changes in case they conflict with yours:

@osu-wiki-observatory
Copy link
Copy Markdown

Someone else has edited same files as you did. Please check their changes in case they conflict with yours:

@osu-wiki-observatory
Copy link
Copy Markdown

Someone else has edited same files as you did. Please check their changes in case they conflict with yours:

@osu-wiki-observatory
Copy link
Copy Markdown

Someone else has edited same files as you did. Please check their changes in case they conflict with yours:

@osu-wiki-observatory
Copy link
Copy Markdown

Someone else has edited same files as you did. Please check their changes in case they conflict with yours:

@someonecantcode
Copy link
Copy Markdown
Author

I did something wrong with git and so I'm just going to close it and make another branch. Apologies.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants