Changeset 13276


Ignore:
Timestamp:
Apr 8, 2012, 4:29:39 PM (9 years ago)
Author:
jordan
Message:

(trunk, web) fix bug #4642 'Turtle mode no longer visually apparent when selected in WebUI'

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

Legend:

Unmodified
Added
Removed
  • trunk/web/style/transmission/common.css

    r13275 r13276  
    932932      background-position: center;
    933933      background-repeat: no-repeat; }
     934    div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button.selected {
     935      background-color: #e6e6ff;
     936      background-image: url("images/blue-turtle.png");
     937      /* fallback */
     938      background-image: url("images/blue-turtle.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
     939      /* Saf4+, Chrome */
     940      background-image: url("images/blue-turtle.png"), -webkit-linear-gradient(top, #cdcdff, white);
     941      /* Chrome 10+, Saf5.1+ */
     942      background-image: url("images/blue-turtle.png"), -moz-linear-gradient(top, #cdcdff, white);
     943      /* FF3.6+ */
     944      background-image: url("images/blue-turtle.png"), -ms-linear-gradient(top, #cdcdff, white);
     945      /* IE10 */
     946      background-image: url("images/blue-turtle.png"), -o-linear-gradient(top, #cdcdff, white);
     947      /* Opera 11.10+ */
     948      background-position: center;
     949      background-repeat: no-repeat; }
    934950  div.torrent_footer #compact-button {
    935951    -moz-border-radius: 5px;
  • trunk/web/style/transmission/common.scss

    r13275 r13276  
    806806                @include roundedBox(5px);
    807807                @include buttonImage('images/turtle.png', $idle-color-top, $idle-color-bottom, $active-color-top, $active-color-bottom);
     808                &:active, &.selected {
     809                        @include imageOnVerticalGradient('images/blue-turtle.png', $active-color-top, $active-color-bottom);
     810                }
    808811        }
    809812
  • trunk/web/style/transmission/mobile.css

    r13222 r13276  
    858858      background-position: center;
    859859      background-repeat: no-repeat; }
     860    div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button.selected {
     861      background-color: #e6e6ff;
     862      background-image: url("images/blue-turtle.png");
     863      /* fallback */
     864      background-image: url("images/blue-turtle.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
     865      /* Saf4+, Chrome */
     866      background-image: url("images/blue-turtle.png"), -webkit-linear-gradient(top, #cdcdff, white);
     867      /* Chrome 10+, Saf5.1+ */
     868      background-image: url("images/blue-turtle.png"), -moz-linear-gradient(top, #cdcdff, white);
     869      /* FF3.6+ */
     870      background-image: url("images/blue-turtle.png"), -ms-linear-gradient(top, #cdcdff, white);
     871      /* IE10 */
     872      background-image: url("images/blue-turtle.png"), -o-linear-gradient(top, #cdcdff, white);
     873      /* Opera 11.10+ */
     874      background-position: center;
     875      background-repeat: no-repeat; }
    860876  div.torrent_footer #compact-button {
    861877    -moz-border-radius: 5px;
  • trunk/web/style/transmission/mobile.scss

    r13222 r13276  
    746746                @include roundedBox(5px);
    747747                @include buttonImage('images/turtle.png', $idle-color-top, $idle-color-bottom, $active-color-top, $active-color-bottom);
     748                &:active, &.selected {
     749                        @include imageOnVerticalGradient('images/blue-turtle.png', $active-color-top, $active-color-bottom);
     750                }
    748751        }
    749752
Note: See TracChangeset for help on using the changeset viewer.