Pending

User tests: Successful: Unsuccessful:

avatar astridx
astridx
5 Mar 2020

Summary of Changes

In Firefox under Ubuntu I see a small gap in the upper area in the dropdowns. At least with Firefox on Ubuntu. You have to look very closely. My change corrects this.

Testing Instructions

  1. Create an article and look at the button to open the actions. You can see a small gap in the upper area.
  2. Apply this patch
  3. run npm ci
  4. See, that there is no small gap in the upper area anymore.

Expected result

Articles  New   test   Administration(1)

Actual result

Screenshot from 2020 03 05 17 06 44(1)

Documentation Changes Required

avatar astridx astridx - open - 5 Mar 2020
avatar astridx astridx - change - 5 Mar 2020
Status New Pending
avatar joomla-cms-bot joomla-cms-bot - change - 5 Mar 2020
Category Administration Templates (admin)
avatar richard67 richard67 - change - 5 Mar 2020
Title
change background form span to btn
[4.0] Change background from span to btn
avatar richard67 richard67 - edited - 5 Mar 2020
avatar brianteeman
brianteeman - comment - 5 Mar 2020

The button still has rounded corners on the right where it touches the green part

avatar astridx
astridx - comment - 5 Mar 2020

@brianteeman The button still has rounded corners on the right where it touches the green part

I don't understand what you mean.

avatar brianteeman
brianteeman - comment - 5 Mar 2020

image

avatar astridx
astridx - comment - 5 Mar 2020

I do not see round corners with Firefox on Ubuntu. It is like in my pictures.
How does it look for you without my change?

avatar brianteeman
brianteeman - comment - 5 Mar 2020

The same

avatar astridx
astridx - comment - 5 Mar 2020

But you see the small gap between the green and the upper boarder without the patch, right?

avatar brianteeman
brianteeman - comment - 5 Mar 2020

Yes. Before and after. But I also see my issue in your screenshot

avatar astridx
astridx - comment - 5 Mar 2020

On your screen I can not see the gap.
I mean this:
2020-03-05 22 19 02

avatar brianteeman
brianteeman - comment - 5 Mar 2020

Yes I understand but can't you also see the issue on the left in that image

On Thu, 5 Mar 2020, 21:22 Astrid, notifications@github.com wrote:

On you screen I can not see the gap.
I mean this:
[image: 2020-03-05 22 19 02]
https://user-images.githubusercontent.com/9974686/76026627-7177ce00-5f2f-11ea-86f2-d77752f0e44e.png


You are receiving this because you were mentioned.
Reply to this email directly, view it on GitHub
https://github.com/joomla/joomla-cms/pull/28240?email_source=notifications&email_token=AAJ4P4N5DFEG6K4Y5D2T4OLRGAJ2XA5CNFSM4LCN6PF2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOEN66SIA#issuecomment-595454240,
or unsubscribe
https://github.com/notifications/unsubscribe-auth/AAJ4P4IMLEQ6FEXWAP2QPYDRGAJ2XANCNFSM4LCN6PFQ
.

avatar chmst
chmst - comment - 6 Mar 2020

The change does exactly what is said, it removes the gap on the green dropdown button.

The rounded boder is another scope.
Is it a button? If yes, it must have rounded border as all buttons and must be clearly separated from the input field. At the moment it looks awkward as @brianteeman says.
Is it part of the button group like in boostrap append / prepend and as @infograf768 has made with css for rtl? Then is must be made with append / prepend, which means: remove all the css stuff which meanwhile has been added in different overrides and use bootstrap correctly.


This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/28240.

avatar brianteeman
brianteeman - comment - 6 Mar 2020

alternative proposal #28251

avatar jwaisner jwaisner - change - 6 Mar 2020
Priority Medium Low
avatar astridx
astridx - comment - 6 Mar 2020

Everything is in #28251

avatar astridx astridx - close - 6 Mar 2020
avatar astridx astridx - change - 6 Mar 2020
Status Pending Closed
Closed_Date 0000-00-00 00:00:00 2020-03-06 21:28:47
Closed_By astridx

Add a Comment

Login with GitHub to post a comment