[ 
https://issues.apache.org/jira/browse/SOLR-4794?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=13957408#comment-13957408
 ] 

Raja Nagendra Kumar edited comment on SOLR-4794 at 4/2/14 7:03 AM:
-------------------------------------------------------------------

One issue found is Content overlapping due to zoom or scrolling.

This is because of CSS div format of position: fixed
The following lines can be removed

solr\webapp\web\css\styles\common.css 
line 194   position: fixed;

solr\webapp\web\css\styles\menu.css 
line 22   position: fixed;

then re-order of div element in  file solr\admin.html

 <div id="content-wrapper">
            <div id="content">
                &nbsp;
            </div>
  </div>

this should be moved below menu-wrapper div. i.e from line 80 to line 135. This 
way default position of static would work fine.
http://www.w3schools.com/cssref/pr_class_position.asp

With this change android version on Samsung S4 default and chrome browsers work 
without overlap on scroll or during zoom.

However content is appearing below the left menu i.e y position is non zero. 
Some more changes would be needed at CSS to make sure content window is 
positioned with y position as zero. May be CSS experts would be able to make 
rest of the adjustments needed for y to be zero.


was (Author: nagkumar):
One issue found is Content overlapping due to zoom or scrolling.

This is because of CSS div format of position: fixed
The following lines can be removed

solr\webapp\web\css\styles\common.css 
line 194   position: fixed;

solr\webapp\web\css\styles\menu.css 
line 22   position: fixed;

then re-order of div element in  file solr\admin.html

 <div id="content-wrapper">
            <div id="content">
                &nbsp;
            </div>
  </div>

this should be move below menu-wrapper div. i.e from line 80 to line 135. This 
way default position of static would work fine.
http://www.w3schools.com/cssref/pr_class_position.asp

With this change android version on Samsung S4 default and chrome browsers work 
without overlap on scroll or during zoom.

However content is appearing below the left menu i.e y position is non zero. 
Some more changes would be needed at CSS to make sure content window is 
positioned with y position as zero. May be CSS experts would be able to make 
rest of the adjustments needed for y to be zero.

> UI is broken on browsers for Android
> ------------------------------------
>
>                 Key: SOLR-4794
>                 URL: https://issues.apache.org/jira/browse/SOLR-4794
>             Project: Solr
>          Issue Type: Bug
>          Components: web gui
>    Affects Versions: 4.3
>         Environment: HTC Amaze 4G
>            Reporter: Shawn Heisey
>            Priority: Minor
>             Fix For: 5.0
>
>
> I've tried three browsers for my Android phone, an Amaze 4G by HTC.  All of 
> them have problems.
> One problem common to all of them is that the stuff on the left-hand side of 
> the screen always stays put and will cover up the rest of the page if you 
> zoom in and/or scroll around.
> 1) Built-in browser: I think this is probably provided or modified by HTC.  
> This one is extremely broken. By clicking in what looks like incorrect 
> places, you can select a core, but you can't get to any of the good stuff 
> like the query or analysis UI.
> 2) Chrome for Android: Better than the HTC/Android browser.  I can get to the 
> query UI, but when I try to execute a query, it goes back to the dashboard.
> 3) Firefox for Android: Works fairly well on the few things I tested, except 
> for the left-hand stuff covering the rest of the page as mentioned above.  I 
> don't know if everything is working, but this is the only one that let me use 
> the query UI.



--
This message was sent by Atlassian JIRA
(v6.2#6252)

---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]

Reply via email to