Skip to content

[4.0] Fancy selectbox fix#30739

Merged
HLeithner merged 10 commits intojoomla:4.0-devfrom
pdkpavankumar:fancy-selectbox-fix
Sep 26, 2020
Merged

[4.0] Fancy selectbox fix#30739
HLeithner merged 10 commits intojoomla:4.0-devfrom
pdkpavankumar:fancy-selectbox-fix

Conversation

@pdkpavankumar
Copy link
Contributor

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

@joomla-cms-bot joomla-cms-bot added NPM Resource Changed This Pull Request can't be tested by Patchtester PR-4.0-dev labels Sep 23, 2020
@pdkpavankumar pdkpavankumar changed the title Fancy selectbox fix [4.0] Fancy selectbox fix Sep 23, 2020
@Quy
Copy link
Contributor

Quy commented Sep 23, 2020

Persian language

Before PR:
30739-before

After PR:
30739-after

@infograf768
Copy link
Member

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.

@pdkpavankumar
Copy link
Contributor Author

Persian language
image

@pdkpavankumar
Copy link
Contributor Author

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

@Quy
Copy link
Contributor

Quy commented Sep 24, 2020

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

@infograf768
Copy link
Member

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.

@infograf768
Copy link
Member

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

@Quy
Copy link
Contributor

Quy commented Sep 25, 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.

1 similar comment
@infograf768
Copy link
Member

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.

@infograf768
Copy link
Member

RTC. Thanks.


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

@joomla-cms-bot joomla-cms-bot added the RTC This Pull Request is Ready To Commit label Sep 26, 2020
@infograf768 infograf768 added this to the Joomla 4.0 milestone Sep 26, 2020
@HLeithner HLeithner merged commit 5a3e0eb into joomla:4.0-dev Sep 26, 2020
@joomla-cms-bot joomla-cms-bot removed the RTC This Pull Request is Ready To Commit label Sep 26, 2020
@HLeithner
Copy link
Member

Thanks

dgrammatiko added a commit to dgrammatiko/joomla-cms that referenced this pull request Sep 26, 2020
* Joomla/4.0-dev: (844 commits)
  [4.0] Template layout select (joomla#30772)
  [4.0][CLI] com_finder use console command (joomla#30768)
  [4.0] Modifying com_actionlogs string (joomla#30758)
  [4.0] Fancy selectbox fix (joomla#30739)
  [4.0] Add missing Table Caption (joomla#30763)
  [4.0] Wrap all buttons in btn-group to improve styling (joomla#30761)
  [4.0] Cassiopeia missing string (joomla#30765)
  Improve batch text (joomla#28447)
  Fix icons not displaying (joomla#30749)
  Remove the chrome "cardGrey". The same effect can be achieved by using the module class "card-grey" with the "card" chrome (joomla#30734)
  Remove obsolete html code (joomla#30737)
  [4.0] Check out improvements related to nullable columns (joomla#30747)
  Removing card.scss overrides as we don't use those classes
  Use renderField() method to render fields (joomla#30738)
  [4.0] spelling (joomla#30742)
  [4.0] Remove use of ReflectionParameter::getClass() (joomla#30581)
  [4.0] Fix saving images (joomla#30730)
  [4.0] Cleanup cassiopeia chromes and rename "default" to "card" (joomla#30729)
  Fix hiddenLabel and add hiddenLegend form attribute (joomla#29710)
  [4.0] Fix Debug plugin to display query parameters (joomla#30717)
  ...
dgrammatiko added a commit to dgrammatiko/joomla-cms that referenced this pull request Sep 29, 2020
…ger_events_consistency

* '4.0-dev' of github.com:joomla/joomla-cms: (84 commits)
  [4.0] Error in legacy plugins when method contains $event argument (joomla#30575)
  [4.0] Cassiopea table css (joomla#30740)
  [4.0] Blog view links (joomla#30788)
  Change grid minmax definition for newsflash module (joomla#30781)
  [4.0] Pluginless lazyloading for the core (joomla#30748)
  Update package-lock.json (joomla#30713)
  [4.0] mod_article_news readmore (joomla#30780)
  Improve code, remove separator (joomla#30785)
  [4.0] Template layout select (joomla#30772)
  [4.0][CLI] com_finder use console command (joomla#30768)
  [4.0] Modifying com_actionlogs string (joomla#30758)
  [4.0] Fancy selectbox fix (joomla#30739)
  [4.0] Add missing Table Caption (joomla#30763)
  [4.0] Wrap all buttons in btn-group to improve styling (joomla#30761)
  [4.0] Cassiopeia missing string (joomla#30765)
  Improve batch text (joomla#28447)
  Fix icons not displaying (joomla#30749)
  Remove the chrome "cardGrey". The same effect can be achieved by using the module class "card-grey" with the "card" chrome (joomla#30734)
  Remove obsolete html code (joomla#30737)
  [4.0] Check out improvements related to nullable columns (joomla#30747)
  ...

� Conflicts:
�	administrator/components/com_media/resources/scripts/app/Api.js
�	administrator/components/com_media/resources/scripts/components/toolbar/toolbar.vue
�	package-lock.json
sakiss pushed a commit to sakiss/joomla-cms that referenced this pull request Oct 16, 2020
* fixing fancy select box alignment

* Trigger notification

* implemented code review comments

* updating margin from 45px to 50px

* Trigger notification
brianteeman added a commit to brianteeman/joomla-cms that referenced this pull request Nov 13, 2021
This is a replacement to the merged PR joomla#30739

It does exactly the same thing but by using css logical properties we avoid the need to maintain both an LTR and an RTL version

There is no visual change.
wilsonge pushed a commit that referenced this pull request Nov 28, 2021
* [4.0] Fancy selectbox fix

This is a replacement to the merged PR #30739

It does exactly the same thing but by using css logical properties we avoid the need to maintain both an LTR and an RTL version

There is no visual change.

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

Labels

NPM Resource Changed This Pull Request can't be tested by Patchtester

Projects

None yet

Development

Successfully merging this pull request may close these issues.

5 participants