Changeset 6787


Ignore:
Timestamp:
Sep 18, 2008, 9:25:23 PM (13 years ago)
Author:
charles
Message:

(web ui) preference dialog cleanups and other small fixes by Paweł Golonko

Location:
trunk/web
Files:
4 edited

Legend:

Unmodified
Added
Removed

  • trunk/web/index.html

    r6663 r6787  
    194194                                        <div class="preference download_location">
    195195                                                <label class="category">Add transfers:</label>
    196                                                 <label class="item">Download to:</label>
    197                                                 <input type="text" name="download_location" id="download_location"/>
     196                                                <div class="formdiv">
     197                                                        <label for="download_location" class="item">Download to:</label>
     198                                                        <input type="text" name="download_location" id="download_location"/>
     199                                                </div>
     200                                                <div class="formdiv checkbox auto_start">
     201                                                        <input type="checkbox" name="auto_start" id="auto_start"/>
     202                                                        <label for="auto_start" class="item">Start transfers when added</label>
     203                                                </div>
    198204                                        </div>
    199205                                        <div class="preference port">
    200206                                                <label class="category">Network:</label>
    201                                                 <label class="item">Incoming TCP Port:</label>
    202                                                 <input type="text" id="port" name="port"/>
    203                                         </div>
    204                                         <div class="preference auto_start">
    205                                                 <label class="category">Transfers:</label>
    206                                                 <input type="checkbox" name="auto_start" id="auto_start"/>
    207                                                 <label class="item">Start transfers when added</label>
     207                                                <div class="formdiv">
     208                                                        <label for="post" class="item">Incoming TCP Port:</label>
     209                                                        <input type="text" id="port" name="port"/>
     210                                                </div>
    208211                                        </div>
    209212                                        <div class="preference encryption">
    210213                                                <label class="category">Encryption:</label>
    211                                                 <input type="checkbox" name="encryption" id="encryption"/>
    212                                                 <label class="item">Ignore unencrypted peers</label>
     214                                                <div class="formdiv checkbox">
     215                                                        <input type="checkbox" name="encryption" id="encryption"/>
     216                                                        <label for="encryption" class="item">Ignore unencrypted peers</label>
     217                                                </div>
    213218                                        </div>
    214219                                        <div class="preference limit_total">
    215220                                                <label class="category">Limit total bandwidth:</label>
    216                                                 <input type="checkbox" name="limit_download" id="limit_download"/>
    217                                                 <label class="item">Download Rate:</label>
    218                                                 <input type="text" name="download_rate" id="download_rate"/>
    219                                                 <label class="suffix">KB/s</label>
    220                                                 <input type="checkbox" name="limit_upload" id="limit_upload"/>
    221                                                 <label class="item">Upload Rate:</label>
    222                                                 <input type="text" name="upload_rate" id="upload_rate"/>
    223                                                 <label class="suffix">KB/s</label>
     221                                                <div class="formdiv checkbox">
     222                                                        <input type="checkbox" name="limit_download" id="limit_download"/>
     223                                                        <label for="limit_download" class="item">Download Rate:</label>
     224                                                        <input type="text" name="download_rate" id="download_rate"/>
     225                                                        <label class="suffix">KB/s</label>
     226                                                </div>
     227                                                <div class="formdiv checkbox">
     228                                                        <input type="checkbox" name="limit_upload" id="limit_upload"/>
     229                                                        <label for="limit_upload" class="item">Upload Rate:</label>
     230                                                        <input type="text" name="upload_rate" id="upload_rate"/>
     231                                                        <label class="suffix">KB/s</label>
     232                                                </div>
    224233                                        </div>
    225234                                        <div class="preference web_gui">
    226235                                                <label class="category">Web Client:</label>
    227                                                 <label class="item">Refresh Rate:</label>
    228                                                 <input type="text" name="refresh_rate" id="refresh_rate"/>
    229                                                 <label class="suffix">seconds</label>
     236                                                <div class="formdiv">
     237                                                        <label for="refresh_rate" class="item">Refresh Rate:</label>
     238                                                        <input type="text" name="refresh_rate" id="refresh_rate"/>
     239                                                        <label class="suffix">seconds</label>
     240                                                </div>
    230241                                        </div>
    231242                                        <a href="#save" id="prefs_save_button">Save</a>

  • trunk/web/javascript/common.js

    r6458 r6787  
    7070                $('div.dialog_container div.dialog_window a').css('padding', '2px 10px 3px');
    7171        }
    72         if ($.browser.mozilla) {
    73                 $('div#prefs_container div.preference input').css('height', 'auto');
    74                 $('div#prefs_container div.preference input').css('padding', '1px');
    75                 $('div#prefs_container div.preference input').css('margin-top', '2px');
    76         }
    7772});
    7873

  • trunk/web/javascript/transmission.js

    r6662 r6787  
    172172                if (!$.browser.safari)
    173173                {
    174                         $(this).addClass('blur');
     174                        search_box.addClass('blur');
    175175                        search_box[0].value = 'Filter';
    176176                        search_box.bind('blur', {transmission: this}, function(event) {

  • trunk/web/stylesheets/common.css

    r6663 r6787  
    224224
    225225div.torrent_global_details div#torrent_global_download {
    226         background: url('../images/graphics/transfer_arrows.png') left 1px no-repeat;
     226        background: url('../images/graphics/transfer_arrows.png') left 2px no-repeat;
    227227}
    228228
    … …  
    314314        width: 100px;
    315315        border: solid 0 #fff;
    316         padding-left: 2px;
    317         padding-right: 2px;
     316        padding: 0 2px;
    318317        margin: 4px 5px 0 0;
    319318}
     319/* Safari-look filter input for Firefox */
     320@-moz-document url-prefix() {
     321        div#torrent_filter_bar input#torrent_search {
     322                background: #FFF url('../images/graphics/filter_icon.png') top left no-repeat;
     323                border: 1px solid #5D80A1;
     324                margin-top: 3px;
     325                padding: 1px 10px 1px 18px;
     326                width: 76px;
     327                -moz-border-radius: 10px;
     328        }
     329        div#torrent_filter_bar input#torrent_search.blur {
     330                border-color: #CCC;
     331        }
     332}
    320333
    321334div#torrent_filter_bar input#torrent_search.blur {
    … …  
    755768}
    756769
    757 div#prefs_container div.download_location label.item,
    758 div#prefs_container div.port label.item,
    759 div#prefs_container div.web_gui label.item {
    760         width: 112px;
    761         clear: left;
    762 }
    763 
    764 div#prefs_container div.auto_start label.item,
    765 div#prefs_container div.encryption label.item,
    766 div#prefs_container div.limit_total label.item {
     770div#prefs_container div.formdiv.checkbox label.item {
    767771        margin: 0 5px 0 41px;
    768772        clear: left;
    … …  
    780784        left: 14px;
    781785}
     786@-moz-document url-prefix() {
     787        div#prefs_container div.preference input[type=checkbox] {
     788                margin-top: 5px;
     789        }
     790}
    782791
    783792div#prefs_container div.preference input[type=text] {
    … …  
    792801}
    793802
    794 div#prefs_container div.preference input#limit_upload {
    795         margin-top: 33px !important;
    796 }
    797 
    798803div#prefs_container div.download_location input {
    799804        width: 256px !important;
     805}
     806
     807div#prefs_container div.formdiv {
     808        clear: both;
    800809}
    801810
Note: See TracChangeset for help on using the changeset viewer.