[#4386] - CSS Fix for Isis Admin template for better editor use on ipad.
- Closed
- 12 Mar 2016
- Medium
- Build: master
- # 4386
Steps to reproduce the issue
When using either TinyMCE or Codemirror editors on an iPad, the top and bottom navbars prevent typing in text. This is caused by the classes .navbar-fixed-bottom and .navbar-fixed-top having the value position:fixed and that interferes with the pop-up, onscreen touch keyboard of the ipad.
Can be fixed by adding the following lines to /administrator/templates/isis/css/template.css
.navbar-fixed-bottom, .navbar-fixed-top, .subhead-fixed {position:relative!important}
.subhead-fixed {top:0px!important}
@media (min-width: 768px){
body {padding-top:0px!important;}}
Expected result
The navbars should be set to position:relative and not interfere with the ipad's keyboard.
Actual result
The navbars hover across the input area of the editor.
System information (as much as possible)
Additional comments
Votes
nicksavov
- | Labels |
Added:
?
|
||
Tested this issue with an iPad mini.
See uploaded image for the result I got:
This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/4386.
Thanks for the test marking as confirmed
Is anyone able to make a PR from the suggestion in the original post - note as it is a css change it will have be to made in the less file
This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/4386.
| Status | New | ⇒ | Confirmed |
@brianteeman I am not sure the solution provided by @AlexHarris79 is the best way to fix the issue.
If we just change the value to relative it still have the class called fixed - which does not make sense.
And there is also some jQuery that adds "fixed" to the subhead class when scrolling.
This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/4386.
I am not able to test it myself so I cant even comment on the issue
On 17 October 2014 14:28, Jerry Christiansen notifications@github.com
wrote:
@brianteeman https://github.com/brianteeman I am not sure the solution
provided by @AlexHarris79 https://github.com/AlexHarris79 is the best
way to fix the issue.
If we just change the value to relative it still have the class called
fixed - which does not make sense.
And there is also some jQuery that adds "fixed" to the subhead class when
scrolling.This comment was created with the J!Tracker Application
https://github.com/joomla/jissues at issues.joomla.org/joomla-cms/4386
http://issues.joomla.org/tracker/joomla-cms/4386.—
Reply to this email directly or view it on GitHub
#4386 (comment).
Brian Teeman
Co-founder Joomla! and OpenSourceMatters Inc.
http://brian.teeman.net/
| Labels |
Removed:
?
|
||
| Labels |
Added:
?
|
||
Its been over a year since this was first reported and with no progress or any other comments I am closing this. It can always be re=opened if someone has a solution.
This comment was created with the J!Tracker Application at issues.joomla.org/joomla-cms/4386.
| Status | Confirmed | ⇒ | Closed |
| Closed_Date | 0000-00-00 00:00:00 | ⇒ | 2016-03-12 10:41:12 |
| Closed_By | ⇒ | brianteeman |
@AlexHarris79 can you submit your fix as github PR?
If you need help please see here: http://docs.joomla.org/Using_the_Github_UI_to_Make_Pull_Requests
Make sure that if you change the CSS Files you need also change the less files.
After you commit the first change you can add more commits to your patch by commit them to
https://github.com/AlexHarris79/joomla-cms/tree/patch-1
Thanks