[#7385] - Update layout.css
- Closed
- 12 Dec 2015
- Medium
- Build: staging
- Easy Test
- # 7385
- Diff
- aaleksanyants:patch-7
- Success The Travis CI build passed Details
User tests: Successful: Unsuccessful:
If #jform_contact_email_copy gets float attribute, this causes below located div to get inline with it. I found this issue after enalbing captcha plugin which was completely floated moved to the right vertical border of the checkbox containing element.
| Status | New | ⇒ | Pending |
joomla-cms-bot
- | Labels |
Added:
?
|
||
zero-24
- | Easy | No | ⇒ | Yes |
| Category | ⇒ | Front End Templates (site) |
I cannot reproduce this issue.
Please provide screenshots of this issue?
This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/7385.
Please compare the bottom parts of these two screenshots
Thank you @aaleksanyants did you use the Beez3 template or which else?
@genesisfan , the pull request I made was regarding the change in Beez3's css file, so the screenshots I attach should also belong to the issue with Beez3 :-) Unfortunately I don't know if the same thing happens with other tamplates because I didn't check them.
@aaleksanyants I was wrong sorry! I had selected protostar as template and not beez3.
Still...
without layout.css patch
with layout.css patch
how it should be layout.css including another litte css customization:
http://localhost/templates/beez3/css/layout.css
Can you make this modification?
@genesisfan , thank you for your suggestion which produces better results, however removing the bottom margin causes 2 divs gluing ... The only right solution would be adding an empty div after the checkbox having clear='both' for its CSS style. This will break the floats rule and revert all following divs to the normal position. But this should be done in the output code somewhere in php, and I don't know where exactly...
The second change is done for displaying the login form promptly under translated interface. In current version there was no rule to display the fields from new line and thus, if label and field of either login or password could not fit in one line, this caused them looking differently, ie:
Login [login_field]
Password
[password_field]
i did some testing and the position of captcha is wrong, the solution is indeed:
This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/7385.
I've tried to reproduce this problem; with Joomla 3.5.0 Beta (12/12/2015) the problem can't be reproduced.
The Captcha label isn't in the right place.
A new pull request has been submitted:
Update layout.css regarding Captcha label field #8658
This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/7385.
| Status | Pending | ⇒ | Closed |
| Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2015-12-12 15:46:45 |
| Closed_By | ⇒ | roland-d |
@aaleksanyants thanks for your contribution. I am going to close this PR as we have a new PR #8658 that fixes the label field as well.
This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/7385.
Testers please note that this is only for the beez template
This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/7385.