[4.0] css changes in voting plugin

[rjharishabh]

Pull Request for Issue #32908.

Actual result BEFORE applying this Pull Request

Expected result AFTER applying this Pull Request

Documentation Changes Required

No

[brianteeman]

why are you changing the height?

[rjharishabh]

why are you changing the height?

for mobile users

[infograf768]

@rjharishabh
Have y7ou tested #31098

[rjharishabh]

@rjharishabh
Have y7ou tested #31098

No

[brianteeman]

That was a hint that you probably should

[rjharishabh]

That was a hint that you probably should

yeah sure, I will test

[rjharishabh]

please test this PR @brianteeman @infograf768

[rjharishabh]

I have tested PR #31098

Some error occurred

[rjharishabh]

@Quy I think it's fine now

[infograf768]

I have tested this item ✅ successfully on 859039e

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/32919.}

[rjharishabh]

@infograf768 Thnx for testing

[ceford]

I tested this and it works as described but it seems it will be redundant when #31098 gets merged - and it has a drop-down chevron,

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/32919.}

[rjharishabh]

I think it looks better now

[sandewt]

I have tested this item 🔴 unsuccessfully on efe66e7

Patch doesn't work in responsive mode

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/32919.}

[sandewt]

The patch doesn't work in the responsive mode: see image

You can solve this with the following code: 'style' => 'width: 120px;'
This results in:

<?php echo HTMLHelper::_('select.genericlist', $options, 'user_rating', array('class' => 'form-select form-select-sm', 'style' => 'width: 120px;'), 'value', 'text', '5', 'content_vote_' . (int) $row->id); ?>

[EDIT]

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/32919.}

[sandewt]

I have tested this item ✅ successfully on ee406f1

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/32919.}

[rjharishabh]

Thanks for testing @sandewt

[rjharishabh]

please test this PR @infograf768 and @ceford again
there are some changes

[ceford]

I have tested this item ✅ successfully on ee406f1

Works in wide and narrow screen modes. But no css changes in diff and Vote is below <Prev button - a separate issue.

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/32919.}

[Quy]

RTC

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/32919.}

[rjharishabh]

I have tested this item ✅ successfully on ee406f1

Works in wide and narrow screen modes. But no css changes in diff and Vote is below <Prev button - a separate issue.

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

PR #32914

[infograf768]

imho, I prefer #31098 using svg.

[drmenzelit]

Thanks @rjharishabh for your first contribution!
The select field and the button are not aligned correctly, but that can be improved on another PR