Bug 10722 - CCSR log in bar floats incorrectly in the middle of the page on iPhone
Summary: CCSR log in bar floats incorrectly in the middle of the page on iPhone
Status: CLOSED WONTFIX
Alias: None
Product: Koha
Classification: Unclassified
Component: OPAC (show other bugs)
Version: 3.16
Hardware: All Other
: P5 - low normal (vote)
Assignee: Owen Leonard
QA Contact: Testopia
URL:
Keywords:
: 11306 (view as bug list)
Depends on:
Blocks:
 
Reported: 2013-08-14 08:42 UTC by Viktor Sarge
Modified: 2015-06-04 23:23 UTC (History)
2 users (show)

See Also:
Change sponsored?: ---
Patch complexity: ---
Documentation contact:
Documentation submission:
Text to go in the release notes:
Version(s) released in:


Attachments
Screenshot of how 3.13 looks in Safari on iPhone 5 and 4S (200.82 KB, image/png)
2013-08-14 08:42 UTC, Viktor Sarge
Details
A new mobile.css with the positioning top:0px of div#top-bar (13.25 KB, text/css)
2013-09-16 19:38 UTC, Viktor Sarge
Details

Note You need to log in before you can comment on or make changes to this bug.
Description Viktor Sarge 2013-08-14 08:42:18 UTC
Created attachment 20324 [details]
Screenshot of how 3.13 looks in Safari on iPhone 5 and 4S

The bar to log into ones account in Opac floats inccorectly at the middle of the page overlaying the content. It seems to occur at least on Koha 3.12 and 3.13 in Safari running on iPhone 4S and iPhone 5. The 3.12 release has had some CSS-modifications but it also occurs on 3.13 updated daily with the latest code.
Comment 1 Viktor Sarge 2013-09-16 19:31:48 UTC
I'm not fully aware of what internal plumbings of Koha might be affected. Neither do I have the possibility to test for all possible configurations of small screen devices. However it does seem to do the trick to change the positioning from absolute with top:auto to top:0px.

I put this inside OpacMobileUserCSS: 

div#top-bar {
  bottom:-29px;
  display:block;
  left:0;
  overflow:hidden;
  position:absolute;
  top:0;
  z-index:auto;
}

I'm attaching a new mobile.css with the same change (changed to top:0px). As stated above I'm not aware if mobile.css is a file generated by the Perl scripts or a static file.
Comment 2 Viktor Sarge 2013-09-16 19:38:28 UTC
Created attachment 21129 [details]
A new mobile.css with the positioning top:0px of div#top-bar

A new mobile.css with the positioning top:0px of div#top-bar

If mobile.css is a static file then this one might do the trick for this bug.
Comment 3 Owen Leonard 2014-07-01 17:19:56 UTC
*** Bug 11306 has been marked as a duplicate of this bug. ***
Comment 4 Chris Cormack 2014-08-16 01:38:33 UTC
CCSR has been deprecated