NPM Resource Changed ? ? Pending

User tests: Successful: Unsuccessful:

avatar pdkpavankumar
pdkpavankumar
23 Sep 2020

Pull Request for Issue # #29846 .

Summary of Changes

css changes for x alignment in fancy select box

Testing Instructions

Article edit page
Category select box

Actual result BEFORE applying this Pull Request

image

Expected result AFTER applying this Pull Request

image

Documentation Changes Required

NO

avatar pdkpavankumar pdkpavankumar - open - 23 Sep 2020
avatar pdkpavankumar pdkpavankumar - change - 23 Sep 2020
Status New Pending
avatar joomla-cms-bot joomla-cms-bot - change - 23 Sep 2020
Category Administration Templates (admin) NPM Change
avatar pdkpavankumar pdkpavankumar - change - 23 Sep 2020
Labels Added: NPM Resource Changed ?
avatar pdkpavankumar pdkpavankumar - change - 23 Sep 2020
Title
Fancy selectbox fix
[4.0] Fancy selectbox fix
avatar pdkpavankumar pdkpavankumar - edited - 23 Sep 2020
avatar Quy
Quy - comment - 23 Sep 2020

Persian language

Before PR:
30739-before

After PR:
30739-after

avatar infograf768
infograf768 - comment - 23 Sep 2020

Not sure it should be done through .choices__list--single {

Imho, it should be done via

.choices[data-type*="select-one"] {
  .choices__button_joomla {

Please look at the cassiopea scss that I just modified (margin values would be different and atum variables should be used)
https://github.com/joomla/joomla-cms/blob/4.0-dev/templates/cassiopeia/scss/vendor/choicesjs/choices.scss#L47-L92

It implies refactoring atum choices.scss. Just compare both files.

avatar pdkpavankumar
pdkpavankumar - comment - 24 Sep 2020

Persian language
image

avatar pdkpavankumar
pdkpavankumar - comment - 24 Sep 2020

@infograf768 thanks for the review comment, updated the PR accordingly.

avatar Quy
Quy - comment - 24 Sep 2020

Sadly, it is still an issue on Safari for MacOS.

avatar infograf768
infograf768 - comment - 25 Sep 2020

Backend is slightly different from frontend
Margin-right for LTR: please modify to 50px instead of 45px
Margin-left for RTL: same

Safari screenshots are fine (as other browsers):
Screen Shot 2020-09-25 at 08 35 37
Screen Shot 2020-09-25 at 08 34 18

To test this patch correctly, make sure all caches are cleared. Quit the browser and launch again after npm ci.

avatar infograf768
infograf768 - comment - 25 Sep 2020

@Quy Can you test again? For me it is now fine.

avatar Quy Quy - test_item - 25 Sep 2020 - Tested successfully
avatar Quy
Quy - comment - 25 Sep 2020

I have tested this item successfully on fc76829


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

avatar infograf768 infograf768 - test_item - 26 Sep 2020 - Tested successfully
avatar infograf768
infograf768 - comment - 26 Sep 2020

I have tested this item successfully on fc76829


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

avatar infograf768 infograf768 - change - 26 Sep 2020
Status Pending Ready to Commit
avatar infograf768
infograf768 - comment - 26 Sep 2020

RTC. Thanks.


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

avatar HLeithner HLeithner - change - 26 Sep 2020
Status Ready to Commit Fixed in Code Base
Closed_Date 0000-00-00 00:00:00 2020-09-26 06:46:48
Closed_By HLeithner
Labels Added: ?
avatar HLeithner HLeithner - close - 26 Sep 2020
avatar HLeithner HLeithner - merge - 26 Sep 2020
avatar HLeithner
HLeithner - comment - 26 Sep 2020

Thanks

Add a Comment

Login with GitHub to post a comment