From f5811df5b73a62a1adb59ad7641e80afb637f6dd Mon Sep 17 00:00:00 2001
From: ilya <ilya@laptop.(none)>
Date: Wed, 18 Aug 2010 11:59:20 -0700
Subject: [PATCH] DG IZ; added info text to add new friend button
---
app/views/shared/_group_nav.haml | 7 ++++++-
public/stylesheets/application.css | 21 +++++++++-----------
public/stylesheets/sass/application.sass | 25 ++++++++++++------------
3 files changed, 28 insertions(+), 25 deletions(-)
diff --git a/app/views/shared/_group_nav.haml b/app/views/shared/_group_nav.haml
index 66f4fa0bde..455d90bb47 100644
--- a/app/views/shared/_group_nav.haml
+++ b/app/views/shared/_group_nav.haml
@@ -14,7 +14,12 @@
#friend_pictures
- for friend in @group.people
= person_image_link(friend)
- = link_to "+", "#add_request_pane", :id => 'add_request_button', :class => "add_new"
+ = link_to (image_tag 'add_friend_button.png'), "#add_request_pane", :id => 'add_request_button'
+
+ - if @group.people.count == 0
+ %span.add_new_description
+ << click the plus to add friends to this group
+
.yo{:style => 'display:none'}
#add_request_pane
diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css
index 18289b738b..a5b4b5fc6d 100644
--- a/public/stylesheets/application.css
+++ b/public/stylesheets/application.css
@@ -430,24 +430,21 @@ h1.big_text {
#group ul > li.selected, #group ul > li.selected a {
color: white;
font-weight: bold;
- font-size: 18px;
- text-shadow: 0 2px 0px black; }
+ font-size: 18px; }
#group a {
color: #aaaaaa;
font-weight: normal; }
- #group #friend_pictures .add_new {
+ #group #friend_pictures .add_new_description {
position: relative;
- display: inline-block;
height: 40px;
- width: 40px;
- background-color: black;
- text-align: center;
- font-size: 40px;
+ display: inline-block;
+ background-color: #222222;
+ color: #999999;
+ top: -16px;
line-height: 40px;
- top: -6px; }
- #group #friend_pictures .add_new:hover {
- background: #999999;
- color: black; }
+ padding: 0 1em;
+ margin-bottom: -20px;
+ font-style: italic; }
#group #friend_pictures img {
height: 40px; }
diff --git a/public/stylesheets/sass/application.sass b/public/stylesheets/sass/application.sass
index 0ac9dbfce4..b41a1120a6 100644
--- a/public/stylesheets/sass/application.sass
+++ b/public/stylesheets/sass/application.sass
@@ -546,21 +546,22 @@ h1.big_text
:weight normal
#friend_pictures
- .add_new
+
+ .add_new_description
:position relative
- :display inline-block
:height 40px
- :width 40px
+ :display inline-block
:background
- :color #000
- :text-align center
- :font-size 40px
- :line-height 40px
- :top -6px
-
- &:hover
- :background #999
- :color #000
+ :color #222
+ :color #999
+ :top -16px
+ :line
+ :height 40px
+ :padding 0 1em
+ :margin
+ :bottom -20px
+ :font
+ :style italic
img
:height 40px
--
GitLab