Update [align]

[Deleted User 133]

I request that the [align] tag be removed and replaced with

,

and

.
On many occasions, I find myself going through the hassle of selecting a text, then clicking the align function, then again adding "center/left/right/justify". Instead of all this, it would be more efficient (for all of us) to have a single button for each of these alignments, and once the targeted text is selected, one mouse click will do the job.

Should be displayed on posting page:

Code: Select all

[center]{TEXT}[/center]

Code: Select all

<div style="text-align:center">{TEXT}</div>

Code: Select all

[left]{TEXT}[/left]

Code: Select all

<div style="text-align:left">{TEXT}</div>

Code: Select all

[right]{TEXT}[/right]

Code: Select all

<div style="text-align:right">{TEXT}</div>

Not necessary to be displayed on posting page:

Code: Select all

[justify]{TEXT}[/justify]

Code: Select all

<div style="text-align:justify">{TEXT}</div>

[mention]duome[/mention]

[duome]

...and do we need all these alignment buttons in the editor?

[Deleted User 133]

...and do we need all these alignment buttons in the editor?

[ALIGN] can be removed completely. [justify] can be removed from the editor.
Do you know how to change buttons from names to custom graphics?
If yes, I can make 3 alignment buttons if you tell me the needed dimension sizes and formats.

[Basler Biker]

Do you know how to change buttons from names to custom graphics?
If yes, I can make 3 alignment buttons if you tell me the needed dimension sizes and formats.

and If not graphics, then sth short like this "<<" "><" ">>"

[duome]

these buttons get classes based on their names, like bbcode-justify, so yes, we can add css rules with pictures

[Deleted User 133]

[mention]duome[/mention], does this help?

Left

Code: Select all

<i class="fa-solid fa-align-left"></i>

Center

Code: Select all

<i class="fa-solid fa-align-center"></i>

Right

Code: Select all

<i class="fa-solid fa-align-right"></i>

Reference here

[Deleted User 133]

Also

Strikethrough

Code: Select all

<i class="fa-solid fa-strikethrough"></i>

rtl

Code: Select all

<i class="fa-solid fa-paragraph-left"></i>

[Basler Biker]

these buttons get classes based on their names, like bbcode-justify, so yes, we can add css rules with pictures

while we are on alignment - note that the initial "pipe" based markdown notations don't align anymore
(with or even without the very first and very last "pipe"

That is since the introduction of the green headers...

left	center	right
left	center	right

This is the code copied from Markdown help...(where the table displays OK, but not here below)

Left	Center	Right
x	x	x

And this is with the align buttons on the cells. Seems like "silly" to have to repeat alignment for each cell explicitly. Before the "change" it was defined once for the whole column, which suited me better.

Left	Center	Right
x	x	x
xxx	yyy	zzz

[Deleted User 133]

That is since the introduction of the green headers...

No, it's because pipes share HTML with tables, and table width is set to 100%.

Code: Select all

<table style="border-collapse: collapse; border-style: groove;" width=100%>{TEXT}</table>

You can get around it by manually aligning the contents of the pipes.

1	2	3	4
1	2	3	4

[Basler Biker]

That is since the introduction of the green headers...

No, it's because pipes share HTML with tables, and table width is set to 100%.

Code: Select all

<table style="border-collapse: collapse; border-style: groove;" width=100%>{TEXT}</table>

You can get around it by manually aligning the contents of the pipes.

1	2	3	4
1	2	3	4

whatever is the cause - the markdown as explained in "markdown help" doesn't work anymore.
And of course "everything" can be done by manual adjustment, but it worked all fine in the beginning without manual adjustment
I can only see that the tables which I made for Swedish are "readable" but "messed up"... also empty cells being "background filled"
and last but not least "the green" doesn't suit me very well. If it's green for one reason, fine for me, but then it would be nice if I had the option for setting Swedish to yellow on blue

[duome]

It's FontAwesome v4 here, no RTL icon, but the rest are ok.
I tried a slightly different look without borders..

[Deleted User 133]

Ctrl + F5 and... yup, will do for now.
The major graphical update will come with the theme change.
Thanks, [mention]duome[/mention].

Edit:
Color change from #0A8ED0 (blue) to #8f8f8f (grey)

Code: Select all

button.bbcode-center:before {
    content: "\f037";
    font: normal normal normal 14px/1 FontAwesome;
    color: #8f8f8f;

[luo-ning]

No, it's because pipes share HTML with tables, and table width is set to 100%.

EDIT: After further testing, my original assumption was incorrect. Continuing discussion in the Tables thread with a fix.