From 7d6783e446d8f4396031c567a2d6575515a20f4a Mon Sep 17 00:00:00 2001 From: danielvincent Date: Tue, 29 Jun 2010 18:00:01 -0700 Subject: [PATCH] DG IZ; more little changes to UI --- app/views/comments/_new_comment.html.haml | 2 +- app/views/shared/_publisher.haml | 10 +++++----- public/stylesheets/application.css | 18 +++++------------- public/stylesheets/sass/application.sass | 20 +++++--------------- 4 files changed, 16 insertions(+), 34 deletions(-) diff --git a/app/views/comments/_new_comment.html.haml b/app/views/comments/_new_comment.html.haml index a297cd3cc..daf75f868 100644 --- a/app/views/comments/_new_comment.html.haml +++ b/app/views/comments/_new_comment.html.haml @@ -1,7 +1,7 @@ = form_for Comment.new, :remote => true do |f| %p %label{:for => "comment_text"} Comment - = f.text_area :text + = f.text_area :text, :rows => 2 = f.hidden_field :post_id, :value => post.id %p = f.submit "Comment" diff --git a/app/views/shared/_publisher.haml b/app/views/shared/_publisher.haml index c918c3ac8..78577c697 100644 --- a/app/views/shared/_publisher.haml +++ b/app/views/shared/_publisher.haml @@ -2,7 +2,7 @@ #publisher{ padding: 10px; padding-top: 20px; - padding-bottom: 5px; + padding-bottom: 35px; background-color: rgba( 242, 248, 252, 0.7 ); border-bottom: 2px #999 solid; } @@ -42,7 +42,7 @@ = f.error_messages %p %label{:for => "status_message_message"} Message - = f.text_area :message + = f.text_area :message, :rows => 2 %p = f.submit "Post" @@ -50,10 +50,10 @@ = f.error_messages %p %label{:for => "bookmark_title"} Title - = f.text_area :title + = f.text_field :title %p %label{:for => "bookmark_link"} Link - = f.text_area :link + = f.text_field :link %p = f.submit "Post" @@ -61,7 +61,7 @@ = f.error_messages %p %label{:for => "blog_title"} Title - = f.text_area :title + = f.text_field :title %p %label{:for => "blog_body"} Body = f.text_area :body diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css index a75f12612..d6b0b8d29 100644 --- a/public/stylesheets/application.css +++ b/public/stylesheets/application.css @@ -161,20 +161,10 @@ h3 { font-size: 18px; font-weight: bold; } -#publish input#thought { - font-size: 30px; - padding: 7px; - border-radius: 5px; - width: 100%; - margin-bottom: 1em; } - form { font-size: 120%; margin: 1em; margin-left: 0em; } - form input { - padding: 0.2em; - max-width: 100%; } #user_name { margin-bottom: 1em; } @@ -223,14 +213,16 @@ img#user_picture { #debug_info { margin-top: 20px; } -textarea { +input[type='text'], textarea { font-family: "lucida grande", "sans-serif"; font-size: 14px; - height: 18px; + padding: 0.3em; display: block; width: 100%; + -webkit-box-shadow: 0 2px 0px white; -moz-box-shadow: 0 2px 0px white; - border-top: 1px solid #999999; } + border-top: 1px solid #999999; + height: auto; } input[type='submit'] { position: absolute; diff --git a/public/stylesheets/sass/application.sass b/public/stylesheets/sass/application.sass index c02f0b259..b3835ad91 100644 --- a/public/stylesheets/sass/application.sass +++ b/public/stylesheets/sass/application.sass @@ -187,25 +187,12 @@ h3 :size 18px :weight bold -#publish - input#thought - :font - :size 30px - :padding 7px - :border-radius 5px - :width 100% - :margin - :bottom 1em - form :font :size 120% :margin 1em :margin-left 0em - input - :padding 0.2em - :max-width 100% #user_name :margin @@ -267,15 +254,18 @@ img#user_picture :margin-top 20px -textarea +input[type='text'], textarea :font :family 'lucida grande', 'sans-serif' :size 14px - :height 18px + :padding 0.3em :display block :width 100% + :-webkit-box-shadow 0 2px 0px #fff :-moz-box-shadow 0 2px 0px #fff :border-top 1px solid #999 + :height auto + input[type='submit'] :position absolute