+ Made the css for debug-related buttom buttons more generic.

+ Added a more discoverable reset button.
This commit is contained in:
Aza Raskin 2010-05-27 01:40:45 -07:00
parent 1b2556cab5
commit a070ba2c41
3 changed files with 16 additions and 6 deletions

View File

@ -667,6 +667,11 @@ UIClass.prototype = {
addDevMenu: function() {
var self = this;
$("#reset").click(function(){
Storage.wipe();
location.href = '';
});
var html = '<select style="position:absolute; bottom:5px; right:5px; opacity:.2;">';
var $select = $(html)
.appendTo('body')

View File

@ -353,10 +353,9 @@ input.defaultName:hover{
/* Feedback
----------------------------------*/
#feedback{
.bottomButton{
position: absolute;
bottom: 0px;
right: 150px;
width: 100px;
height: 20px;
line-height: 20px;
@ -368,9 +367,11 @@ input.defaultName:hover{
-moz-box-shadow: 0px 0px 4px rgba(0,0,0,.3), inset 0px 1px 0px rgba(255,255,255,.4);
}
#feedback:hover{
.bottomButton:hover{
cursor: pointer;
background-color: #A5A5A5;
-moz-box-shadow: 0px 0px 5px rgba(0,0,0,.6), inset 0px 1px 0px rgba(255,255,255,.4);
}
#feedback{ right: 200px; }
#reset{ right: 130px; width: 50px;}

View File

@ -10,7 +10,11 @@
</head>
<body>
<a href="http://feedback.mozillalabs.com/forums/56804-tabcandy" target="new"><div id="feedback">give feedback</div></a>
<a href="http://feedback.mozillalabs.com/forums/56804-tabcandy" target="new">
<div id="feedback" class="bottomButton">give feedback</div>
</a>
<div id="reset" class="bottomButton">reset</div>
<div id="bg" />
<script type="text/javascript;version=1.8" src="../../js/optional/stacktrace.js"></script>