hide both versions of save outfit button until we know which to show

This commit is contained in:
Emi Matchu 2010-11-12 16:36:29 -05:00
parent 01ccf1aaca
commit eceecdc38a
4 changed files with 103 additions and 96 deletions

View file

@ -124,6 +124,7 @@ body.outfits-edit
float: right
button
+loud-awesome-button-color
display: none
#preview
clear: both
#preview-swf
@ -416,7 +417,9 @@ body.outfits-edit
&.user-signed-in
#preview-sidebar-nav-outfits
display: block
#save-outfit span
display: none
span#save-outfit-signed-in
display: inline
#save-outfit
display: inline-block
&.user-not-signed-in
#save-outfit-not-signed-in
display: inline-block

View file

@ -14,9 +14,8 @@
Gender/Emotions:
%ul
#save-outfit-wrapper
%button#save-outfit
%span#save-outfit-signed-in Save outfit
%span Log in to save outfit
%button#save-outfit Save outfit
%button#save-outfit-not-signed-in Log in to save outfit
#preview
#preview-swf
#preview-swf-container

View file

@ -438,7 +438,11 @@ View.Outfits = function (wardrobe) {
/* Show for login */
signed_in = $('meta[name=user-signed-in]').attr('content') == 'true';
if(signed_in) $(document.body).addClass('user-signed-in');
if(signed_in) {
$(document.body).addClass('user-signed-in');
} else {
$(document.body).addClass('user-not-signed-in');
}
/* Nav */
@ -470,13 +474,13 @@ View.Outfits = function (wardrobe) {
});
$('#save-outfit').click(function () {
if(signed_in) {
new_outfit_name_el.val('');
new_outfit_el.removeClass('starred').show();
showSavingOutfit();
} else {
});
$('#save-outfit-not-signed-in').click(function () {
window.location.replace($('#userbar a').attr('href'));
}
});
/* Outfits list */

View file

@ -842,16 +842,17 @@ body.outfits-edit #save-outfit-wrapper {
/* line 125, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #save-outfit-wrapper button {
background: #ff5c00 url(/images/alert-overlay.png) repeat-x;
display: none;
}
/* line 34, ../../../app/stylesheets/partials/clean/_mixins.sass */
body.outfits-edit #save-outfit-wrapper button:hover {
background-color: #ee4b00;
}
/* line 127, ../../../app/stylesheets/outfits/_edit.sass */
/* line 128, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview {
clear: both;
}
/* line 129, ../../../app/stylesheets/outfits/_edit.sass */
/* line 130, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-swf {
float: left;
height: 400px;
@ -859,7 +860,7 @@ body.outfits-edit #preview-swf {
position: relative;
width: 400px;
}
/* line 135, ../../../app/stylesheets/outfits/_edit.sass */
/* line 136, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-swf-overlay {
-moz-opacity: 0;
-webkit-opacity: 0;
@ -872,7 +873,7 @@ body.outfits-edit #preview-swf-overlay {
top: 0;
width: 100%;
}
/* line 143, ../../../app/stylesheets/outfits/_edit.sass */
/* line 144, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sidebar {
float: left;
height: 400px;
@ -880,64 +881,64 @@ body.outfits-edit #preview-sidebar {
margin-bottom: 1em;
width: 380px;
}
/* line 150, ../../../app/stylesheets/outfits/_edit.sass */
/* line 151, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sidebar.viewing-outfits #preview-closet {
display: none;
}
/* line 152, ../../../app/stylesheets/outfits/_edit.sass */
/* line 153, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sidebar.viewing-outfits #preview-outfits {
display: block;
}
/* line 154, ../../../app/stylesheets/outfits/_edit.sass */
/* line 155, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sidebar.viewing-saving-outfit {
height: auto;
max-height: 100%;
}
/* line 157, ../../../app/stylesheets/outfits/_edit.sass */
/* line 158, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sidebar.viewing-saving-outfit #preview-closet {
display: none;
}
/* line 159, ../../../app/stylesheets/outfits/_edit.sass */
/* line 160, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sidebar.viewing-saving-outfit #preview-saving-outfit {
display: block;
}
/* line 162, ../../../app/stylesheets/outfits/_edit.sass */
/* line 163, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-closet h2 {
margin: 0;
}
/* line 164, ../../../app/stylesheets/outfits/_edit.sass */
/* line 165, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-closet .object {
background: #eeffee;
}
/* line 166, ../../../app/stylesheets/outfits/_edit.sass */
/* line 167, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-closet .object img {
-moz-opacity: 0.5;
-webkit-opacity: 0.5;
-o-opacity: 0.5;
-khtml-opacity: 0.5;
}
/* line 168, ../../../app/stylesheets/outfits/_edit.sass */
/* line 169, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-closet .object.worn {
background: transparent;
}
/* line 170, ../../../app/stylesheets/outfits/_edit.sass */
/* line 171, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-closet .object.worn img {
-moz-opacity: 1;
-webkit-opacity: 1;
-o-opacity: 1;
-khtml-opacity: 1;
}
/* line 172, ../../../app/stylesheets/outfits/_edit.sass */
/* line 173, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-closet .object.no-assets {
background: #fbe3e4;
color: #8a1f11;
padding-bottom: 1.25em;
}
/* line 176, ../../../app/stylesheets/outfits/_edit.sass */
/* line 177, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-closet .object.no-assets .no-assets-message {
display: block;
}
/* line 178, ../../../app/stylesheets/outfits/_edit.sass */
/* line 179, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .no-assets-message {
background: #f3dbdc;
bottom: 0;
@ -949,7 +950,7 @@ body.outfits-edit .no-assets-message {
position: absolute;
width: 100%;
}
/* line 188, ../../../app/stylesheets/outfits/_edit.sass */
/* line 189, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #no-assets-full-message {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
@ -963,12 +964,12 @@ body.outfits-edit #no-assets-full-message {
top: -9999px;
width: 30em;
}
/* line 199, ../../../app/stylesheets/outfits/_edit.sass */
/* line 200, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-search-form {
clear: both;
text-align: left;
}
/* line 202, ../../../app/stylesheets/outfits/_edit.sass */
/* line 203, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-search-form h2 {
display: -moz-inline-box;
-moz-box-orient: vertical;
@ -978,7 +979,7 @@ body.outfits-edit #preview-search-form h2 {
*vertical-align: auto;
margin: 0 1em 0 0;
}
/* line 205, ../../../app/stylesheets/outfits/_edit.sass */
/* line 206, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-search-form input {
display: -moz-inline-box;
-moz-box-orient: vertical;
@ -987,7 +988,7 @@ body.outfits-edit #preview-search-form input {
*display: inline;
*vertical-align: auto;
}
/* line 207, ../../../app/stylesheets/outfits/_edit.sass */
/* line 208, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-search-form-pagination {
display: -moz-inline-box;
-moz-box-orient: vertical;
@ -997,53 +998,53 @@ body.outfits-edit #preview-search-form-pagination {
*vertical-align: auto;
margin-left: 2em;
}
/* line 210, ../../../app/stylesheets/outfits/_edit.sass */
/* line 211, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-search-form-pagination a, body.outfits-edit #preview-search-form-pagination span {
margin: 0 0.25em;
}
/* line 212, ../../../app/stylesheets/outfits/_edit.sass */
/* line 213, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-search-form-pagination .current {
font-weight: bold;
}
/* line 214, ../../../app/stylesheets/outfits/_edit.sass */
/* line 215, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-search-form-clear {
display: none;
font-size: 87.5%;
margin-left: 2em;
}
/* line 218, ../../../app/stylesheets/outfits/_edit.sass */
/* line 219, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-search-form-loading {
display: none;
font-size: 75%;
font-style: italic;
margin-left: 2em;
}
/* line 224, ../../../app/stylesheets/outfits/_edit.sass */
/* line 225, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-search-form-no-results {
display: none;
}
/* line 226, ../../../app/stylesheets/outfits/_edit.sass */
/* line 227, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-search-form-help {
font-size: 87.5%;
margin-left: 2em;
}
/* line 229, ../../../app/stylesheets/outfits/_edit.sass */
/* line 230, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .search-helper {
font-family: inherit;
}
/* line 231, ../../../app/stylesheets/outfits/_edit.sass */
/* line 232, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .possible-error {
display: none;
}
/* line 234, ../../../app/stylesheets/outfits/_edit.sass */
/* line 235, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #fullscreen-copyright {
display: none;
}
/* line 236, ../../../app/stylesheets/outfits/_edit.sass */
/* line 237, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen {
height: 100%;
}
/* line 239, ../../../app/stylesheets/outfits/_edit.sass */
/* line 240, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen #container {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
@ -1056,19 +1057,19 @@ body.outfits-edit.fullscreen #container {
position: relative;
width: 80%;
}
/* line 247, ../../../app/stylesheets/outfits/_edit.sass */
/* line 248, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen h1 {
display: none;
}
/* line 249, ../../../app/stylesheets/outfits/_edit.sass */
/* line 250, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen #short-url-response {
position: static;
}
/* line 251, ../../../app/stylesheets/outfits/_edit.sass */
/* line 252, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen #preview {
width: 100%;
}
/* line 253, ../../../app/stylesheets/outfits/_edit.sass */
/* line 254, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen #preview-sidebar {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
@ -1080,21 +1081,21 @@ body.outfits-edit.fullscreen #preview-sidebar {
position: relative;
width: 400px;
}
/* line 262, ../../../app/stylesheets/outfits/_edit.sass */
/* line 263, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen #preview-sidebar > div {
margin-left: 24px;
margin-right: 24px;
}
/* line 266, ../../../app/stylesheets/outfits/_edit.sass */
/* line 267, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen #preview-sidebar > div h2 {
margin-bottom: 0.25em;
}
/* line 268, ../../../app/stylesheets/outfits/_edit.sass */
/* line 269, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen #preview-sidebar.viewing-saving-outfit {
height: auto;
max-height: 100%;
}
/* line 271, ../../../app/stylesheets/outfits/_edit.sass */
/* line 272, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen #preview-search-form {
bottom: 1em;
left: 0;
@ -1103,7 +1104,7 @@ body.outfits-edit.fullscreen #preview-search-form {
position: absolute;
width: 100%;
}
/* line 279, ../../../app/stylesheets/outfits/_edit.sass */
/* line 280, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen #preview-search-form-help div {
display: -moz-inline-box;
-moz-box-orient: vertical;
@ -1113,27 +1114,27 @@ body.outfits-edit.fullscreen #preview-search-form-help div {
*vertical-align: auto;
width: 48%;
}
/* line 282, ../../../app/stylesheets/outfits/_edit.sass */
/* line 283, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen #footer {
bottom: 0;
left: 0;
position: absolute;
width: 100%;
}
/* line 287, ../../../app/stylesheets/outfits/_edit.sass */
/* line 288, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen #footer ul, body.outfits-edit.fullscreen #footer p, body.outfits-edit.fullscreen #footer li {
display: inline;
}
/* line 289, ../../../app/stylesheets/outfits/_edit.sass */
/* line 290, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.fullscreen #footer ul {
margin-right: 2em;
}
/* line 292, ../../../app/stylesheets/outfits/_edit.sass */
/* line 293, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .object {
padding: 6px;
position: relative;
}
/* line 295, ../../../app/stylesheets/outfits/_edit.sass */
/* line 296, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .object ul {
display: none;
left: 0;
@ -1141,11 +1142,11 @@ body.outfits-edit .object ul {
position: absolute;
top: 0;
}
/* line 301, ../../../app/stylesheets/outfits/_edit.sass */
/* line 302, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .object ul li {
margin-bottom: 0.25em;
}
/* line 303, ../../../app/stylesheets/outfits/_edit.sass */
/* line 304, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .object ul li a {
/* http://www.zurb.com/blog_uploads/0000/0617/buttons-03.html */
-moz-border-radius: 5px;
@ -1186,11 +1187,11 @@ body.outfits-edit .object ul li a:active {
body.outfits-edit .object ul li a:hover {
background-color: #999999;
}
/* line 309, ../../../app/stylesheets/outfits/_edit.sass */
/* line 310, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .object:hover ul, body.outfits-edit .object:hover .object-info {
display: block;
}
/* line 316, ../../../app/stylesheets/outfits/_edit.sass */
/* line 317, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .nc-icon {
background: url(/images/nc.png) no-repeat;
height: 16px;
@ -1200,14 +1201,14 @@ body.outfits-edit .nc-icon {
top: 64px;
width: 16px;
}
/* line 324, ../../../app/stylesheets/outfits/_edit.sass */
/* line 325, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .nc-icon:hover {
-moz-opacity: 0.5;
-webkit-opacity: 0.5;
-o-opacity: 0.5;
-khtml-opacity: 0.5;
}
/* line 327, ../../../app/stylesheets/outfits/_edit.sass */
/* line 328, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .object-info {
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
@ -1224,30 +1225,30 @@ body.outfits-edit .object-info {
top: 0;
width: 16px;
}
/* line 338, ../../../app/stylesheets/outfits/_edit.sass */
/* line 339, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .object-info span {
font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif;
font-weight: bold;
position: relative;
top: -2px;
}
/* line 344, ../../../app/stylesheets/outfits/_edit.sass */
/* line 345, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .object-info:hover {
-moz-opacity: 1;
-webkit-opacity: 1;
-o-opacity: 1;
-khtml-opacity: 1;
}
/* line 347, ../../../app/stylesheets/outfits/_edit.sass */
/* line 348, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits {
display: none;
text-align: left;
}
/* line 350, ../../../app/stylesheets/outfits/_edit.sass */
/* line 351, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits h3 {
margin-bottom: 0.5em;
}
/* line 352, ../../../app/stylesheets/outfits/_edit.sass */
/* line 353, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul {
background: url(/images/loading.gif) no-repeat center top;
display: block;
@ -1256,7 +1257,7 @@ body.outfits-edit #preview-outfits > ul {
margin-bottom: 1em;
min-height: 16px;
}
/* line 359, ../../../app/stylesheets/outfits/_edit.sass */
/* line 360, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul > li {
margin-bottom: 0.5em;
}
@ -1391,35 +1392,35 @@ body.outfits-edit #preview-outfits > ul > li.confirming-deletion .outfit-delete-
body.outfits-edit #preview-outfits > ul > li.starred .outfit-star {
background-image: url(/images/star.png);
}
/* line 361, ../../../app/stylesheets/outfits/_edit.sass */
/* line 362, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-outfits > ul.loaded {
background: transparent;
}
/* line 364, ../../../app/stylesheets/outfits/_edit.sass */
/* line 365, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .preview-sidebar-nav {
float: right;
font-size: 85%;
margin-top: 1em;
}
/* line 369, ../../../app/stylesheets/outfits/_edit.sass */
/* line 370, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #save-success, body.outfits-edit #save-error {
display: none;
margin-top: 1em;
text-align: center;
}
/* line 374, ../../../app/stylesheets/outfits/_edit.sass */
/* line 375, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #save-success {
background: #e6efc2;
border: 1px solid #c6d880;
color: #264409;
}
/* line 377, ../../../app/stylesheets/outfits/_edit.sass */
/* line 378, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #save-error {
background: #fbe3e4;
border: 1px solid #fbc2c4;
color: #8a1f11;
}
/* line 380, ../../../app/stylesheets/outfits/_edit.sass */
/* line 381, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #userbar-message {
-moz-opacity: 0.5;
-webkit-opacity: 0.5;
@ -1427,7 +1428,7 @@ body.outfits-edit #userbar-message {
-khtml-opacity: 0.5;
display: none;
}
/* line 384, ../../../app/stylesheets/outfits/_edit.sass */
/* line 385, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #new-outfit {
margin-bottom: 0.5em;
display: none;
@ -1563,33 +1564,33 @@ body.outfits-edit #new-outfit.confirming-deletion .outfit-delete-confirmation {
body.outfits-edit #new-outfit.starred .outfit-star {
background-image: url(/images/star.png);
}
/* line 387, ../../../app/stylesheets/outfits/_edit.sass */
/* line 388, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #new-outfit h4 {
display: inline;
}
/* line 389, ../../../app/stylesheets/outfits/_edit.sass */
/* line 390, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #new-outfit h4:hover {
text-decoration: none;
}
/* line 391, ../../../app/stylesheets/outfits/_edit.sass */
/* line 392, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #new-outfit .outfit-star {
margin-top: 0.5em;
}
/* line 394, ../../../app/stylesheets/outfits/_edit.sass */
/* line 395, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #new-outfit-name {
font: inherit;
line-height: 1;
}
/* line 398, ../../../app/stylesheets/outfits/_edit.sass */
/* line 399, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-saving-outfit {
display: none;
padding-bottom: 1em;
}
/* line 402, ../../../app/stylesheets/outfits/_edit.sass */
/* line 403, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #pet-type-form, body.outfits-edit #pet-state-form, body.outfits-edit #preview-swf, body.outfits-edit #preview-search-form {
position: relative;
}
/* line 405, ../../../app/stylesheets/outfits/_edit.sass */
/* line 406, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit .control-overlay {
height: 100%;
left: 0;
@ -1598,21 +1599,21 @@ body.outfits-edit .control-overlay {
width: 100%;
z-index: 5;
}
/* line 413, ../../../app/stylesheets/outfits/_edit.sass */
/* line 414, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit #preview-sidebar-nav-outfits, body.outfits-edit #save-outfit-signed-in {
display: none;
}
/* line 417, ../../../app/stylesheets/outfits/_edit.sass */
/* line 418, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.user-signed-in #preview-sidebar-nav-outfits {
display: block;
}
/* line 419, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.user-signed-in #save-outfit span {
display: none;
/* line 420, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.user-signed-in #save-outfit {
display: inline-block;
}
/* line 421, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.user-signed-in span#save-outfit-signed-in {
display: inline;
/* line 424, ../../../app/stylesheets/outfits/_edit.sass */
body.outfits-edit.user-not-signed-in #save-outfit-not-signed-in {
display: inline-block;
}
/* line 2, ../../../app/stylesheets/outfits/_new.sass */