? Pending

User tests: Successful: Unsuccessful:

avatar wilsonge
wilsonge
25 Mar 2020

Alternative PR to #28405

Summary of Changes

Whilst I don't mind removing the btn-group necessarily it made me realise the entire styling for it was broken in RTL when you had more than 1 item in the btn group. This fixes the btn group styling generally.

Testing Instructions

Check the btn-group class functions in both searchtools and in the versions modal. Version modal before and after as below (note the border-radius and the padding on the right hand button)

Before Patch

Screenshot 2020-03-25 at 22 00 31

After Patch

Screenshot 2020-03-25 at 21 59 52

Documentation Changes Required

None

cc @infograf768

avatar wilsonge wilsonge - open - 25 Mar 2020
avatar wilsonge wilsonge - change - 25 Mar 2020
Status New Pending
avatar wilsonge wilsonge - change - 25 Mar 2020
Title
Fix styling of btn-group in RTL
[4.0] Fix styling of btn-group in RTL
avatar wilsonge wilsonge - edited - 25 Mar 2020
avatar joomla-cms-bot joomla-cms-bot - change - 25 Mar 2020
Category Administration Templates (admin) Front End Templates (site)
avatar brianteeman
brianteeman - comment - 25 Mar 2020

could you post screenshots please of the expected results

avatar wilsonge wilsonge - change - 25 Mar 2020
The description was changed
avatar wilsonge wilsonge - edited - 25 Mar 2020
avatar wilsonge wilsonge - change - 25 Mar 2020
The description was changed
avatar wilsonge wilsonge - edited - 25 Mar 2020
avatar wilsonge
wilsonge - comment - 25 Mar 2020

done

avatar infograf768
infograf768 - comment - 26 Mar 2020

This is what we get (after this patch) when we display the Associations Tab when editing an article for example (multilingual site)
Screen Shot 2020-03-26 at 10 03 43

avatar brianteeman
brianteeman - comment - 26 Mar 2020

thats what I stumbled upon with #28404

I can make it work with two but not three

avatar infograf768
infograf768 - comment - 26 Mar 2020

It gets worse here with this patch for LTR as we can live with no radius when multiple fields.
This patch does not add radius when lang is LTR in that case, only in RTL
That's why I proposed #28405 for content history only.

avatar wilsonge
wilsonge - comment - 26 Mar 2020

It gets worse here with this patch for LTR

Sorry how does this patch make LTR worse?

avatar infograf768
infograf768 - comment - 26 Mar 2020

OOps: I meant RTL.

avatar wilsonge
wilsonge - comment - 26 Mar 2020

But what we're saying is even thought there's a regression with RTL we now get parity between LTR and RTL?

avatar wilsonge
wilsonge - comment - 26 Mar 2020

@infograf768 i don't see any difference before and after the patch - that's using input-group not btn-group - all I've touched is button group. can you please show me what differences you are seeing before and after the patch

avatar infograf768
infograf768 - comment - 27 Mar 2020

i don't see any difference before and after the patch

You are right. RTL buttons there have some left radius also before patch.

avatar wilsonge wilsonge - change - 27 Mar 2020
Status Pending Fixed in Code Base
Closed_Date 0000-00-00 00:00:00 2020-03-27 11:19:00
Closed_By wilsonge
Labels Added: ?
avatar wilsonge wilsonge - close - 27 Mar 2020
avatar wilsonge wilsonge - merge - 27 Mar 2020
avatar wilsonge
wilsonge - comment - 27 Mar 2020

Merging this so it's in. But happy for you to continue working on the other patch still - this is still useful either way

avatar infograf768
infograf768 - comment - 27 Mar 2020

the other patch for history is ready. It just needs a decision on the margins.

Add a Comment

Login with GitHub to post a comment