Transmission/transmission
1
0
Fork 0
mirror of https://github.com/transmission/transmission.git synced 2026-04-17 23:54:19 +01:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Jordan Lee
2012-04-08 16:29:39 +00:00
parent 78b835f097
commit 72a3a79e92
4 changed files with 38 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
web/style/transmission/common.css
View File

@@ -931,6 +931,22 @@ div.torrent_footer {
/* Opera 11.10+ */
background-position: center;
background-repeat: no-repeat; }
div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button.selected {
background-color: #e6e6ff;
background-image: url("images/blue-turtle.png");
/* fallback */
background-image: url("images/blue-turtle.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
/* Saf4+, Chrome */
background-image: url("images/blue-turtle.png"), -webkit-linear-gradient(top, #cdcdff, white);
/* Chrome 10+, Saf5.1+ */
background-image: url("images/blue-turtle.png"), -moz-linear-gradient(top, #cdcdff, white);
/* FF3.6+ */
background-image: url("images/blue-turtle.png"), -ms-linear-gradient(top, #cdcdff, white);
/* IE10 */
background-image: url("images/blue-turtle.png"), -o-linear-gradient(top, #cdcdff, white);
/* Opera 11.10+ */
background-position: center;
background-repeat: no-repeat; }
div.torrent_footer #compact-button {
-moz-border-radius: 5px;
border-radius: 5px;

3
web/style/transmission/common.scss
View File

@@ -805,6 +805,9 @@ div.torrent_footer
#turtle-button {
@include roundedBox(5px);
@include buttonImage('images/turtle.png', $idle-color-top, $idle-color-bottom, $active-color-top, $active-color-bottom);
&:active, &.selected {
@include imageOnVerticalGradient('images/blue-turtle.png', $active-color-top, $active-color-bottom);
}
}
#compact-button {

16
web/style/transmission/mobile.css
View File

@@ -857,6 +857,22 @@ div.torrent_footer {
/* Opera 11.10+ */
background-position: center;
background-repeat: no-repeat; }
div.torrent_footer #turtle-button:active, div.torrent_footer #turtle-button.selected {
background-color: #e6e6ff;
background-image: url("images/blue-turtle.png");
/* fallback */
background-image: url("images/blue-turtle.png"), -webkit-gradient(linear, left top, left bottom, from(#cdcdff), to(white));
/* Saf4+, Chrome */
background-image: url("images/blue-turtle.png"), -webkit-linear-gradient(top, #cdcdff, white);
/* Chrome 10+, Saf5.1+ */
background-image: url("images/blue-turtle.png"), -moz-linear-gradient(top, #cdcdff, white);
/* FF3.6+ */
background-image: url("images/blue-turtle.png"), -ms-linear-gradient(top, #cdcdff, white);
/* IE10 */
background-image: url("images/blue-turtle.png"), -o-linear-gradient(top, #cdcdff, white);
/* Opera 11.10+ */
background-position: center;
background-repeat: no-repeat; }
div.torrent_footer #compact-button {
-moz-border-radius: 5px;
border-radius: 5px;

3
web/style/transmission/mobile.scss
View File

@@ -745,6 +745,9 @@ div.torrent_footer
#turtle-button {
@include roundedBox(5px);
@include buttonImage('images/turtle.png', $idle-color-top, $idle-color-bottom, $active-color-top, $active-color-bottom);
&:active, &.selected {
@include imageOnVerticalGradient('images/blue-turtle.png', $active-color-top, $active-color-bottom);
}
}
#compact-button {