iPhone interface problem

Discussion of the Web Interface for Transmission, formerly known as Clutch. This applies to all version of Transmission
Post Reply
payeco
Posts: 7
Joined: Sun Feb 15, 2009 12:38 am

iPhone interface problem

Post by payeco »

On the iPhone version of the web interface, the button to show only the paused torrents is out of alignment. It gets pushed off to a second line and overlaps the first torrent in your list. This issue first appeared in the web interface included in version 1.50. In version 1.42 it appeared normal.

Here is an image to illustrate what I mean.


Image
duke_seb
Posts: 3
Joined: Sun Feb 15, 2009 2:18 pm

Re: iPhone interface problem

Post by duke_seb »

Just to add to this.... this problem only appears in the portrait mode..... landscape seems fine
bee27
Posts: 3
Joined: Sat Feb 21, 2009 11:49 pm

Re: iPhone interface problem

Post by bee27 »

Hi there,

I also noticed this problem the other day and found this thread. Earlier I had a dig around in the web interface source code.

I downloaded an old copy of 1.42, as payeco said there was no problem in that version. I compared the index.html files and noticed a new button was added to the toolbar - the Remove Data button. However, as seen in the screenshot above only 5 buttons were being displayed in portrait mode. This seemed to cause some issues with the width of the filter bar (All, Downloading, etc)

I fix the issue by editing a number of things in the web/stylesheet/iphone.css:

You can see the fixed interface below, showing all 6 buttons:
Image

It works well in landscape mode too:
Image

I also noticed that when running the web interface in full screen mode (i.e. by adding an icon to the home screen) that the footer bar wasnt in the right place as seen above.

I fixed this by adding the following code to the web/javascript/common.js file in the $(document).ready function:

Code: Select all

if (iPhone)
   if(window.navigator.standalone)
      // Fix min height for iPhone when run in full screen mode from home screen
      $('body div#torrent_container').css('min-height', '338px');
I tried to attach the edited files to this post, but it wont allow me to add attachments for some reason. I'll upload them somewhere and link to them later or try and figure out how to submit the changes to the project via trac.
bee27
Posts: 3
Joined: Sat Feb 21, 2009 11:49 pm

Re: iPhone interface problem

Post by bee27 »

Gimp
Web Interface Developer
Posts: 257
Joined: Mon Mar 12, 2007 3:49 am
Location: BC, Canada

Re: iPhone interface problem

Post by Gimp »

Could you please submit a diff file to current trunk?

(Check out transmission's svn repository, then make your changes, then use "svn diff > patch.diff")
kidmidnight
Posts: 62
Joined: Mon Dec 31, 2007 11:47 pm

Re: iPhone interface problem

Post by kidmidnight »

Quick question: Is an inspector going to be added to the iphone interface? Like double clicking a torrent brings it up, so you can change settings per torrent?
Post Reply