nocebo/diaspora
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

DG IZ; publisher reflects what type is selected

Browse source
This commit is contained in:
danielvincent 2010-06-29 19:55:50 -07:00
parent 97cd3fb413
commit 984f5f62b6
4 changed files with 35 additions and 22 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
app/views/shared/_publisher.haml
View file

@ -1,7 +1,7 @@
:css :css
#publisher{ #publisher{
padding: 10px; padding: 10px;
padding-top: 20px; padding-top: 15px;
padding-bottom: 35px; padding-bottom: 35px;
background-color: rgba( 242, 248, 252, 0.7 ); background-color: rgba( 242, 248, 252, 0.7 );
border-bottom: 2px #999 solid; border-bottom: 2px #999 solid;
@ -21,17 +21,27 @@
ul#publisher_content_pickers { ul#publisher_content_pickers {
margin: 0; margin: 0;
padding: 0; padding: 0;
text-shadow: 0 -2px 0 #fff;
} }
ul#publisher_content_pickers li { ul#publisher_content_pickers li {
display: inline; display: inline;
margin-right: 20px; padding: 5px 10px;
margin-right: 5px;
}
.selected {
-webkit-border-radius: 5px;
border: 1px solid #ccc;
border-top: 1px solid #333;
-webkit-box-shadow: 0 2px 1px #fff;
background-color: rgba( 255, 255, 255, 0.5);
} }
#publisher #publisher
%ul#publisher_content_pickers %ul#publisher_content_pickers
%a{ :class => "status_message", :href => '#', :title => "new status message."} %a{ :class => "status_message", :href => '#', :title => "new status message."}
%li status message %li{ :class => "selected" } status message
%a{ :class => "bookmark", :href => '#', :title => "new bookmark."} %a{ :class => "bookmark", :href => '#', :title => "new bookmark."}
%li bookmark %li bookmark
%a{ :class => "blog", :href => '#', :title => "new blog post."} %a{ :class => "blog", :href => '#', :title => "new blog post."}

9
public/javascripts/publisher.js
View file

@ -2,21 +2,30 @@
$("#publisher_content_pickers .status_message").click(function(){ $("#publisher_content_pickers .status_message").click(function(){
if( $("#new_status_message").css("display") == "none" ) { if( $("#new_status_message").css("display") == "none" ) {
$("#publisher_content_pickers").children("a").children("li").removeClass("selected");
$("#publisher_form form").fadeOut(50); $("#publisher_form form").fadeOut(50);
$(this).children("a > li").toggleClass("selected");
$("#new_status_message").delay(50).fadeIn(200); $("#new_status_message").delay(50).fadeIn(200);
} }
}); });
$("#publisher_content_pickers .bookmark").click(function(){ $("#publisher_content_pickers .bookmark").click(function(){
if( $("#new_bookmark").css("display") == "none" ) { if( $("#new_bookmark").css("display") == "none" ) {
$("#publisher_content_pickers").children("a").children("li").removeClass("selected");
$("#publisher_form form").fadeOut(50); $("#publisher_form form").fadeOut(50);
$(this).children("li").toggleClass("selected");
$("#new_bookmark").delay(50).fadeIn(200); $("#new_bookmark").delay(50).fadeIn(200);
} }
}); });
$("#publisher_content_pickers .blog").click(function(){ $("#publisher_content_pickers .blog").click(function(){
if( $("#new_blog").css("display") == "none" ) { if( $("#new_blog").css("display") == "none" ) {
$("#publisher_content_pickers").children("a").children("li").removeClass("selected");
$("#publisher_form form").fadeOut(50); $("#publisher_form form").fadeOut(50);
$(this).children("li").toggleClass("selected");
$("#new_blog").delay(50).fadeIn(200); $("#new_blog").delay(50).fadeIn(200);
} }
}); });

16
public/stylesheets/application.css
View file

@ -84,20 +84,16 @@ header {
ul#stream_filters { ul#stream_filters {
padding: 0; padding: 0;
margin: 0; } margin: 0;
margin-bottom: 20px; }
ul#stream_filters li { ul#stream_filters li {
display: block; display: block;
padding: 5px 0; } padding: 8px 0;
ul#stream_filters li:first-child { border-bottom: 1px #eeeeee solid; }
border-top-right-radius: 5px;
border-top-left-radius: 5px; }
ul#stream_filters li:last-child {
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px; }
ul#stream_filters a { ul#stream_filters a {
color: #b1cfe3; } color: #b1cfe3; }
ul#stream_filters a:hover { ul#stream_filters a:hover {
color: black; } color: black; }
#header_below { #header_below {
margin: 0 -2em; margin: 0 -2em;

16
public/stylesheets/sass/application.sass
View file

@ -93,19 +93,17 @@ header
ul#stream_filters ul#stream_filters
:padding 0 :padding 0
:margin 0 :margin 0
:bottom 20px
li li
:display block :display block
:padding 5px 0 :padding 8px 0
&:first-child :border
:border-top-right-radius 5px :bottom 1px #eee solid
:border-top-left-radius 5px
&:last-child
:border-bottom-right-radius 5px
:border-bottom-left-radius 5px
a a
:color #B1CFE3 :color #B1CFE3
a:hover &:hover
:color #000 :color #000
#header_below #header_below
:margin 0 -2em :margin 0 -2em