Changeset 11081


Ignore:
Timestamp:
Jul 31, 2010, 4:28:00 PM (12 years ago)
Author:
Longinus00
Message:

(web) #3456:Improve web client torrent list display

Location:
trunk/web
Files:
4 edited

Legend:

Unmodified
Added
Removed
  • trunk/web/javascript/common.js

    r10866 r11081  
    99var transmission;
    1010var dialog;
     11var resizeTimer = null;
    1112// Test for a Webkit build that supports box-shadow: 521+ (release Safari 3 is
    1213// actually 523.10.3). We need 3.1 for CSS animation (dialog sheets) but as it
     
    8081                $("label[for=torrent_upload_url]").text("URL: ");
    8182        }
     83
     84        // Add resize event handler with a timeout to handle browsers that fire a
     85        // resize event for every pixel changed
     86        $(window).bind('resize', function() {
     87                if (resizeTimer) clearTimeout(resizeTimer);
     88                resizeTimer = setTimeout('transmission.refreshDisplay()', 50)
     89                });
    8290});
    8391
  • trunk/web/javascript/torrent.js

    r11066 r11081  
    662662                }
    663663                setInnerHTML( root._progress_details_container, progress_details );
     664
     665                if( compact ){
     666                        var width = root._progress_details_container.offsetLeft - root._name_container.offsetLeft;
     667                        root._name_container.style.width = width + 'px';
     668                }
     669                else {
     670                        root._name_container.style.width = '100%';
     671                }
    664672
    665673                // Update the peer details and pause/resume button
  • trunk/web/javascript/transmission.js

    r11011 r11081  
    15331533                this.setPref( Prefs._ShowInspector, true );
    15341534                this.updateInspector( );
     1535                this.refreshDisplay( );
    15351536        },
    15361537
     
    15541555
    15551556                this.setPref( Prefs._ShowInspector, false );
     1557                this.refreshDisplay( );
    15561558        },
    15571559
     
    19621964                this.updateStatusbar( );
    19631965                this.selectionChanged( );
     1966                this.refreshDisplay( );
    19641967        },
    19651968
  • trunk/web/stylesheets/common.css

    r11066 r11081  
    398398        font-size: 1.3em;
    399399        font-weight: bold;
    400         word-wrap: break-word;
    401400        overflow: hidden;
     401        text-overflow: ellipsis;
     402        white-space: nowrap;
    402403        color: #222;
    403404        margin-bottom: 2px;
     
    408409        z-index: 1;
    409410        position: absolute;
     411        overflow: hidden;
     412        text-overflow: ellipsis;
     413        white-space: nowrap;
    410414}
    411415
     
    416420ul.torrent_list li.torrent div.torrent_progress_details,
    417421ul.torrent_list li.torrent div.torrent_peer_details {
     422        clear: left;
    418423        font-size: 1em;
     424        overflow: hidden;
     425        text-overflow: ellipsis;
     426        white-space: nowrap;
    419427}
    420428
Note: See TracChangeset for help on using the changeset viewer.