Unified Diff: chrome/skin/firstRun.css
Issue 10860047:
New toggle button on First-run page (Closed)
Patch Set: Change button to have dynamic width
Created June 11, 2013, 12:05 p.m.
Use n/p to move between diff chunks;
N/P to move between comments.
« chrome/content/ui/firstRun.js ('K')
|
« chrome/locale/en-US/firstRun.properties ('k')
|
no next file »
|
no next file with comments »
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
| Index: chrome/skin/firstRun.css |
| =================================================================== |
| --- a/chrome/skin/firstRun.css |
| +++ b/chrome/skin/firstRun.css |
| @@ -121,6 +121,7 @@ |
| .feature:not([hidden]) |
| { |
| display: block; |
| + position: relative; |
| list-style-type: none; |
| padding-bottom: 20px; |
| } |
| @@ -305,6 +306,7 @@ |
| background: -o-linear-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 50px); |
| background: -ms-linear-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 50px); |
| background: linear-gradient(rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 1) 50px); |
| + z-index: 1; |
|
Wladimir Palant
2013/07/08 09:37:29
Are we supporting IE6 now? In all other browsers t
Thomas Greiner
2013/07/08 10:30:19
Done.
|
| } |
| footer h1 |
| @@ -438,6 +440,84 @@ |
| transition-duration: 0.15s; |
| } |
| +.toggle |
| +{ |
| + cursor: pointer; |
| + position: absolute; |
| + display: inline-block; |
| + top: 50%; |
| + height: 22px; |
| + margin: -21px 0px 7px 0px; |
| + border-radius: 9999px; |
| + box-shadow: 0 0 0 1px #999; |
| + overflow: hidden; |
| + -moz-user-select: none; |
| + -webkit-user-select: none; |
| + user-select: none; |
| +} |
| + |
| +.toggle:active |
| +{ |
| + cursor: wait; |
| +} |
| + |
| +.toggle-on, .toggle-off |
| +{ |
| + min-width: 42px; |
| + height: 100%; |
| + font-size: 11px; |
| + font-weight: 500; |
| + text-align: center; |
| + line-height: 22px; |
| +} |
| + |
| +.toggle-on |
| +{ |
| + padding: 0px 30px 0px 10px; |
| + color: rgba(255,255,255, 0.8); |
| + text-shadow: 1px 1px rgba(0,0,0,0.2); |
| + box-shadow: inset 2px 2px 6px rgba(0,0,0,0.2); |
| + background: rgb(69,163,31); |
| +} |
| + |
| +.toggle-off |
| +{ |
| + padding: 0px 10px 0px 30px; |
| + color: rgba(0,0,0,0.6); |
| + text-shadow: 1px 1px rgba(255,255,255,0.2); |
| + background: #cfcfcf; |
| + background: -moz-linear-gradient(top, #cfcfcf 0%, #f5f5f5 100%); |
| + background: -webkit-linear-gradient(top, #cfcfcf 0%,#f5f5f5 100%); |
| + background: linear-gradient(to bottom, #cfcfcf 0%,#f5f5f5 100%); |
| +} |
| + |
| +.toggle-blob |
| +{ |
| + position: absolute; |
| + top: 0px; |
| + right: 0px; |
| + height: 100%; |
| + width: 22px; |
| + border-radius: 50px; |
| + box-shadow: 1px 1px 2px #888; |
| + background: #cfcfcf; |
| + background: -moz-linear-gradient(bottom, #cfcfcf 0%, #f5f5f5 100%); |
| + background: -webkit-linear-gradient(bottom, #cfcfcf 0%,#f5f5f5 100%); |
| + background: linear-gradient(to top, #cfcfcf 0%,#f5f5f5 100%); |
| + z-index: 1; |
|
Wladimir Palant
2013/07/08 09:37:29
Same here, why do we need that?
Thomas Greiner
2013/07/08 10:30:19
Done.
|
| +} |
| + |
| +.off .toggle-on |
| +{ |
| + margin-top: -22px; |
| +} |
| + |
| +.off .toggle-blob |
| +{ |
| + left: 0px; |
| + right: auto; |
| +} |
| + |
| /* Adjust font size on smaller screens */ |
| @media (max-height: 800px) |
| { |
« chrome/content/ui/firstRun.js ('K')
|
« chrome/locale/en-US/firstRun.properties ('k')
|
no next file »
|
no next file with comments »
