Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Comments: textarea & button styled

  • Loading branch information...
commit df94cb6217c1b9dab53d1e2d3e159832a3ea88db 1 parent 14895db
@yvesvanbroekhoven yvesvanbroekhoven authored
View
22 app/styles/lib/base.sass
@@ -294,6 +294,7 @@ body
:color= !orange
a:hover
:text-decoration none
+
form
label
:display block
@@ -478,11 +479,12 @@ body
li.me
:background url(/images/backgrounds/bg-me-label.gif) no-repeat right center
li.form
- position: relative
-
+ :position relative
+ :border none
+ :padding 20px 0 0 0
textarea
- width: 100%
- height: 5em
+ :width 100%
+ :height 5em
#footer
@@ -599,4 +601,14 @@ body
.notice
:padding 10px 20px
:background #EEEF86
- :color rgb(94, 95, 23)
+ :color rgb(94, 95, 23)
+
+textarea
+ +border-radius-3
+ :border-width 1px
+ :border-style solid
+ :border-color #DCDCDC #EBEBEB #EBEBEB #DCDCDC
+ :padding 5px
+ :background #FFF
+ :font-family helvetica, arial, sans-serif
+
View
4 app/views/shared/_sidebar.html.haml
@@ -29,7 +29,7 @@
%h3 Comments
%ul
- @error.comments.each_with_index do |comment, idx|
- %li{:class => %{clearfix #{css_class('first', idx, 0)} #{css_class('last', idx, (@project.members.length - 1))} #{css_class('me', comment.user.id == current_user.id, true)}} }
+ %li{:class => %{clearfix #{css_class('first', idx, 0)} #{css_class('last', idx, (@error.comments.length - 1))} #{css_class('me', comment.user.id == current_user.id, true)}} }
= image_tag comment.user.gravatar_url(:size => 40)
%span.info
%strong.user
@@ -41,4 +41,4 @@
%li.form
- form_for [@error, Comment.new] do |f|
= f.text_area :body
- = f.submit
+ = f.submit 'Comment', :class => 'button'
View
15 public/stylesheets/application.css
@@ -473,7 +473,9 @@ body {
#container #sidebar .block.comments ul li.me {
background: url(/images/backgrounds/bg-me-label.gif) no-repeat right center; }
#container #sidebar .block.comments ul li.form {
- position: relative; }
+ position: relative;
+ border: none;
+ padding: 20px 0 0 0; }
#container #sidebar .block.comments ul li.form textarea {
width: 100%;
height: 5em; }
@@ -584,3 +586,14 @@ body {
padding: 10px 20px;
background: #EEEF86;
color: rgb(94, 95, 23); }
+
+textarea {
+ border-radius: 3px;
+ -moz-border-radius: 3px;
+ -webkit-border-radius: 3px;
+ border-width: 1px;
+ border-style: solid;
+ border-color: #DCDCDC #EBEBEB #EBEBEB #DCDCDC;
+ padding: 5px;
+ background: #FFF;
+ font-family: helvetica, arial, sans-serif; }
Please sign in to comment.
Something went wrong with that request. Please try again.