Changeset 14510


Ignore:
Timestamp:
Apr 23, 2015, 7:02:38 PM (6 years ago)
Author:
mikedld
Message:

#5894: Get rid of inline styles in HTML (patch by Ancient; 1st part, slightly modified per IRC discussion)

Location:
trunk/web
Files:
3 edited

Legend:

Unmodified
Added
Removed
  • trunk/web/index.html

    r14506 r14510  
    7979                </div>
    8080
    81                 <div id="prefs-dialog" style="display:none;">
     81                <div class="hidden" id="prefs-dialog">
    8282                        <ul>
    8383                                <li id="prefs-tab-general"><a href="#prefs-page-torrents">Torrents</a></li>
     
    113113                                        <div class="prefs-section">
    114114                                                <div class="title"><div id="alternative-speed-limits-title">Alternative Speed Limits</div></div>
    115                                                 <div class="row" style="font-size: smaller; padding-bottom: 4px;">Override normal speed limits manually or at scheduled times</div>
     115                                                <div class="row" id="alternative-speed-limits-desc">Override normal speed limits manually or at scheduled times</div>
    116116                                                <div class="row"><div class="key">Upload (kB/s):</div>
    117117                                                                 <div class="value"><input type="text" type="number" id="alt-speed-up"/></div></div>
     
    163163                                                <div class="row"><div class="key"><input type="checkbox" id="blocklist-enabled"/><label for="blocklist-enabled">Enable blocklist:</label></div>
    164164                                                                 <div class="value"><input type="url" id="blocklist-url"/></div></div>
    165                                                 <div class="row"><div class="key" style="margin-top: 3px; font-size: smaller;">Blocklist has <span id="blocklist-size">?</span> rules</div>
     165                                                <div class="row"><div class="key" id="blocklist-info">Blocklist has <span id="blocklist-size">?</span> rules</div>
    166166                                                                 <div class="value"><input type="button" id="blocklist-update-button" value="Update"/></div></div>
    167167                                        </div>
     
    186186                </div>
    187187
    188                 <div id="torrent_inspector" style="display:none;">
     188                <div class="hidden" id="torrent_inspector">
    189189
    190190                        <div id="inspector-tabs-wrapper">
     
    223223                        </div><!-- id="inspector_tab_info_container" -->
    224224
    225                         <div style="display:none;" class="inspector-page" id="inspector-page-peers">
     225                        <div class="inspector-page hidden" id="inspector-page-peers">
    226226                                <div id="inspector_peers_list">
    227227                                </div>
    228228                        </div><!-- id="inspector_tab_peers_container" -->
    229229
    230                         <div style="display:none;" class="inspector-page" id="inspector-page-trackers">
     230                        <div class="inspector-page hidden" id="inspector-page-trackers">
    231231                                <div id="inspector_trackers_list">
    232232                                </div>
    233233                        </div><!-- id="inspector_tab_trackers_container" -->
    234234
    235                         <div style="display:none;" class="inspector-page" id="inspector-page-files">
     235                        <div class="inspector-page hidden" id="inspector-page-files">
    236236                                        <ul id="inspector_file_list">
    237237                                        </ul>
     
    244244                </div>
    245245
    246                 <div class="dialog_container" id="dialog_container" style="display:none;">
     246                <div class="dialog_container hidden" id="dialog_container">
    247247                        <div class="dialog_top_bar"></div>
    248248                        <div class="dialog_window">
     
    255255                </div>
    256256
    257                 <div id="about-dialog" style="display:none;">
     257                <div class="hidden" id="about-dialog">
    258258                        <p id="about-logo"></p>
    259259                        <p id="about-title">Transmission X</p>
     
    262262                </div>
    263263
    264                 <div id="stats-dialog" style="display:none;">
     264                <div class="hidden" id="stats-dialog">
    265265                        <div class="prefs-section">
    266266                                <div class="title">Current Session</div>
     
    280280                </div>
    281281
    282                 <div class="dialog_container" id="upload_container" style="display:none;">
     282                <div class="dialog_container hidden" id="upload_container">
    283283                        <div class="dialog_top_bar"></div>
    284284                        <div class="dialog_window">
     
    303303                </div>
    304304
    305         <div class="dialog_container" id="rename_container" style="display:none;">
     305        <div class="dialog_container hidden" id="rename_container">
    306306            <div class="dialog_top_bar"></div>
    307307            <div class="dialog_window">
     
    317317        </div>
    318318
    319                 <div class="dialog_container" id="move_container" style="display:none;">
     319                <div class="dialog_container hidden" id="move_container">
    320320                        <div class="dialog_top_bar"></div>
    321321                        <div class="dialog_window">
     
    344344                                                <li class="separator"></li>
    345345                                                <li id="statistics">Statistics</li>
    346                                                 <li id="toggle_notifications" style="display: none">Notifcations</li>
     346                                                <li class="hidden" id="toggle_notifications">Notifcations</li>
    347347                                                <li class="separator"></li>
    348348                                                <li>Total Download Rate
  • trunk/web/style/transmission/common.css

    r14003 r14510  
    2222  body a {
    2323    outline: 0; }
     24
     25.hidden {
     26  display: none; }
    2427
    2528/***
     
    345348    padding-left: 18px;
    346349    background: transparent url("images/blue-turtle.png") no-repeat; }
     350  .prefs-section #alternative-speed-limits-desc {
     351    font-size: smaller;
     352    padding-bottom: 4px; }
     353  .prefs-section #blocklist-info {
     354    font-size: smaller;
     355    margin-top: 3px; }
    347356
    348357/***
  • trunk/web/style/transmission/common.scss

    r13977 r14510  
    8989        img { border: none; }
    9090        a { outline: 0; }
     91}
     92
     93.hidden {
     94        display: none;
    9195}
    9296
     
    466470                background: transparent url('images/blue-turtle.png') no-repeat;
    467471        }
     472
     473        #alternative-speed-limits-desc {
     474                font-size: smaller;
     475                padding-bottom: 4px;
     476        }
     477
     478        #blocklist-info {
     479                font-size: smaller;
     480                margin-top: 3px;
     481        }
    468482}
    469483
Note: See TracChangeset for help on using the changeset viewer.