Changeset 13756


Ignore:
Timestamp:
Jan 4, 2013, 5:59:18 AM (8 years ago)
Author:
jordan
Message:

(web) #4873 -- fix the margins of the toolbar buttons in mobile css

Location:
trunk/web/style/transmission
Files:
4 edited

Legend:

Unmodified
Added
Removed

  • trunk/web/style/transmission/common.css

    r13574 r13756  
    7070    float: left;
    7171    border: none;
    72     padding: 0px 3px; }
     72    padding: 0px 3px;
     73    background-position: center center;
     74    background-repeat: no-repeat; }
    7375  div#toolbar > div#toolbar-separator {
    7476    height: 25px;
    … …  
    7880    width: 3px; }
    7981  div#toolbar > div#toolbar-open {
    80     background: url("images/toolbar-folder.png") no-repeat;
    81     margin-left: 4px; }
     82    background-image: url("images/toolbar-folder.png"); }
    8283  div#toolbar > div#toolbar-remove {
    83     background: url("images/toolbar-close.png") no-repeat; }
     84    background-image: url("images/toolbar-close.png"); }
    8485  div#toolbar > div#toolbar-start {
    85     background: url("images/toolbar-start.png") no-repeat; }
     86    background-image: url("images/toolbar-start.png"); }
    8687  div#toolbar > div#toolbar-pause {
    87     background: url("images/toolbar-pause.png") no-repeat; }
     88    background-image: url("images/toolbar-pause.png"); }
    8889  div#toolbar > div#toolbar-start-all {
    89     background: url("images/toolbar-start-all.png") no-repeat; }
     90    background-image: url("images/toolbar-start-all.png"); }
    9091  div#toolbar > div#toolbar-pause-all {
    91     background: url("images/toolbar-pause-all.png") no-repeat; }
     92    background-image: url("images/toolbar-pause-all.png"); }
    9293  div#toolbar > div#toolbar-inspector {
    93     background: url("images/toolbar-info.png") no-repeat;
     94    background-image: url("images/toolbar-info.png");
    9495    float: right;
    9596    margin-right: 4px; }

  • trunk/web/style/transmission/common.scss

    r13755 r13756  
    144144                border: none;
    145145                padding: 0px 3px;
     146                background-position: center center;
     147                background-repeat: no-repeat;
    146148        }
    147149
    … …  
    155157
    156158        > div#toolbar-open {
    157                 background: url('images/toolbar-folder.png') no-repeat;
    158                 margin-left: 4px;
     159                background-image: url('images/toolbar-folder.png');
    159160        }
    160161        > div#toolbar-remove {
    161                 background: url('images/toolbar-close.png') no-repeat;
     162                background-image: url('images/toolbar-close.png');
    162163        }
    163164        > div#toolbar-start {
    164                 background: url('images/toolbar-start.png') no-repeat;
     165                background-image: url('images/toolbar-start.png');
    165166        }
    166167        > div#toolbar-pause {
    167                 background: url('images/toolbar-pause.png') no-repeat;
     168                background-image: url('images/toolbar-pause.png');
    168169        }
    169170        > div#toolbar-start-all {
    170                 background: url('images/toolbar-start-all.png') no-repeat;
     171                background-image: url('images/toolbar-start-all.png');
    171172        }
    172173        > div#toolbar-pause-all {
    173                 background: url('images/toolbar-pause-all.png') no-repeat;
     174                background-image: url('images/toolbar-pause-all.png');
    174175        }
    175176
    176177        > div#toolbar-inspector {
    177                 background: url('images/toolbar-info.png') no-repeat;
     178                background-image: url('images/toolbar-info.png');
    178179                float: right;
    179180                margin-right: 4px;

  • trunk/web/style/transmission/mobile.css

    r13755 r13756  
    4545div#toolbar {
    4646  width: 100%;
    47   height: 36px;
     47  height: 39px;
    4848  margin: 0px;
    4949  padding: 2px;
    … …  
    7070    float: left;
    7171    border: none;
    72     padding: 0px 3px; }
     72    padding: 0px 3px;
     73    background-position: center center;
     74    background-repeat: no-repeat; }
    7375  div#toolbar > div#toolbar-separator {
    7476    height: 25px;
    7577    margin-top: 8px;
    76     margin-bottom: 5px;
     78    margin-bottom: 8px;
    7779    border-left: 1px solid #aaa;
    7880    width: 3px; }
    79   div#toolbar div#toolbar-open {
    80     background: url("images/toolbar-folder.png") no-repeat; }
     81  div#toolbar > div#toolbar-open {
     82    background-image: url("images/toolbar-folder.png"); }
    8183  div#toolbar > div#toolbar-remove {
    82     background: url("images/toolbar-close.png") no-repeat; }
     84    background-image: url("images/toolbar-close.png"); }
    8385  div#toolbar > div#toolbar-start {
    84     background: url("images/toolbar-start.png") no-repeat; }
     86    background-image: url("images/toolbar-start.png"); }
    8587  div#toolbar > div#toolbar-pause {
    86     background: url("images/toolbar-pause.png") no-repeat; }
     88    background-image: url("images/toolbar-pause.png"); }
    8789  div#toolbar > div#toolbar-start-all {
    88     background: url("images/toolbar-start-all.png") no-repeat; }
     90    background-image: url("images/toolbar-start-all.png"); }
    8991  div#toolbar > div#toolbar-pause-all {
    90     background: url("images/toolbar-pause-all.png") no-repeat; }
     92    background-image: url("images/toolbar-pause-all.png"); }
    9193  div#toolbar > div#toolbar-inspector {
    92     background: url("images/toolbar-info.png") no-repeat;
     94    background-image: url("images/toolbar-info.png");
    9395    float: right; }
    9496  div#toolbar > *.disabled {
    … …  
    101103***/
    102104#statusbar {
    103   height: 26px;
     105  height: 20px;
    104106  width: 100%;
    105107  border-bottom: 1px solid #AAA;

  • trunk/web/style/transmission/mobile.scss

    r13755 r13756  
    114114$toolbar-gradient-top: #ddd;
    115115$toolbar-gradient-bottom: #bbb;
    116 $toolbar-height: 36px;
     116$toolbar-height: 39px;
    117117
    118118div#toolbar
    … …  
    138138                border: none;
    139139                padding: 0px 3px;
     140                background-position: center center;
     141                background-repeat: no-repeat;
    140142        }
    141143
    … …  
    143145                height: 25px;
    144146                margin-top: 8px;
    145                 margin-bottom: 5px;
     147                margin-bottom: 8px;
    146148                border-left: 1px solid #aaa;
    147149                width: 3px;
    148150        }
    149151
    150         div#toolbar-open {
    151                 background: url('images/toolbar-folder.png') no-repeat;
     152        > div#toolbar-open {
     153                background-image: url('images/toolbar-folder.png');
    152154        }
    153155        > div#toolbar-remove {
    154                 background: url('images/toolbar-close.png') no-repeat;
     156                background-image: url('images/toolbar-close.png');
    155157        }
    156158        > div#toolbar-start {
    157                 background: url('images/toolbar-start.png') no-repeat;
     159                background-image: url('images/toolbar-start.png');
    158160        }
    159161        > div#toolbar-pause {
    160                 background: url('images/toolbar-pause.png') no-repeat;
     162                background-image: url('images/toolbar-pause.png');
    161163        }
    162164        > div#toolbar-start-all {
    163                 background: url('images/toolbar-start-all.png') no-repeat;
     165                background-image: url('images/toolbar-start-all.png');
    164166        }
    165167        > div#toolbar-pause-all {
    166                 background: url('images/toolbar-pause-all.png') no-repeat;
     168                background-image: url('images/toolbar-pause-all.png');
    167169        }
    168170
    169171        > div#toolbar-inspector {
    170                 background: url('images/toolbar-info.png') no-repeat;
     172                background-image: url('images/toolbar-info.png');
    171173                float: right;
    172174        }
    … …  
    185187$statusbar-gradient-top: #ddd;
    186188$statusbar-gradient-bottom: #bbb;
    187 $statusbar-height: 26px;
     189$statusbar-height: 20px;
    188190
    189191#statusbar
Note: See TracChangeset for help on using the changeset viewer.