From 2a37491be07e33a27fbb2e30455e12a95dc23ac2 Mon Sep 17 00:00:00 2001 From: danielgrippi Date: Wed, 23 May 2012 15:09:48 -0700 Subject: [PATCH] changed service icons; icons for template picker [ci skip] --- app/assets/images/buttons/facebook_hov@2x.png | Bin 0 -> 3643 bytes app/assets/images/buttons/tumblr_hov@2x.png | Bin 0 -> 3935 bytes app/assets/images/buttons/twitter_hov@2x.png | Bin 0 -> 5414 bytes app/assets/javascripts/app/pages/composer.js | 4 +- app/assets/stylesheets/mentions.css.scss | 2 + app/assets/stylesheets/new_styles/_base.scss | 3 +- .../stylesheets/new_styles/_composer.scss | 44 ++++++++++++++---- app/assets/templates/framer-content.jst.hbs | 10 +++- .../templates/services-selector.jst.hbs | 2 +- 9 files changed, 52 insertions(+), 13 deletions(-) create mode 100644 app/assets/images/buttons/facebook_hov@2x.png create mode 100644 app/assets/images/buttons/tumblr_hov@2x.png create mode 100644 app/assets/images/buttons/twitter_hov@2x.png diff --git a/app/assets/images/buttons/facebook_hov@2x.png b/app/assets/images/buttons/facebook_hov@2x.png new file mode 100644 index 0000000000000000000000000000000000000000..4eb1558c985c711b66a0a0526c5bfa126c6b7c6a GIT binary patch literal 3643 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 literal 0 HcmV?d00001 diff --git a/app/assets/images/buttons/tumblr_hov@2x.png b/app/assets/images/buttons/tumblr_hov@2x.png new file mode 100644 index 0000000000000000000000000000000000000000..a0ab89d684e1432cb21bf6028b11bc0caf6ad288 GIT binary patch literal 3935 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 Qe%)LeV$Wip={wN=2OT$lF8}}l literal 0 HcmV?d00001 diff --git a/app/assets/javascripts/app/pages/composer.js b/app/assets/javascripts/app/pages/composer.js index c0e7c0e6a..42e32d97a 100644 --- a/app/assets/javascripts/app/pages/composer.js +++ b/app/assets/javascripts/app/pages/composer.js @@ -16,7 +16,9 @@ app.pages.Composer = app.views.Base.extend({ initialize : function(){ app.frame = this.model = this.model || new app.models.StatusMessage(); - this.postForm = new app.forms.Post({model : this.model}); + + /* add class to make this smaller than the default framer */ + this.postForm = new app.forms.Post({model : this.model, className : "span4 offset1"}); this.composerControls = new app.views.ComposerControls({model : this.model}); }, diff --git a/app/assets/stylesheets/mentions.css.scss b/app/assets/stylesheets/mentions.css.scss index 39ff4c3a7..48b466555 100644 --- a/app/assets/stylesheets/mentions.css.scss +++ b/app/assets/stylesheets/mentions.css.scss @@ -2,6 +2,8 @@ @import '_mixins.css.scss'; .mentions-input-box { + @include border-radius(3px); + background: #fff; position: relative; diff --git a/app/assets/stylesheets/new_styles/_base.scss b/app/assets/stylesheets/new_styles/_base.scss index ab3d361dc..502c5d5fb 100644 --- a/app/assets/stylesheets/new_styles/_base.scss +++ b/app/assets/stylesheets/new_styles/_base.scss @@ -14,7 +14,8 @@ body { } /* new link color */ -a { color : rgb(42,156,235) } +$link-blue : rgb(42,156,235); +a { color : $link-blue } /* bootstrap extentions */ .icon-red { background-image: image_url("img/glyphicons-halflings-red.png"); } diff --git a/app/assets/stylesheets/new_styles/_composer.scss b/app/assets/stylesheets/new_styles/_composer.scss index 85f6e4ff3..87c6d7e14 100644 --- a/app/assets/stylesheets/new_styles/_composer.scss +++ b/app/assets/stylesheets/new_styles/_composer.scss @@ -44,7 +44,8 @@ } .template-picker { - margin-bottom : 1em; + float : left; + margin-left : 20px; input { display : none; @@ -54,6 +55,8 @@ @include transition(background-color); @include border-radius(); + display : inline-block; + cursor : pointer; margin-right: 11px; @@ -63,13 +66,37 @@ line-height: 2em; &:hover { - background-color: #222; - text-decoration: none; + img { + border : 4px solid rgba(255,255,255,1); + } } + + .template-name { + text-align : center; + text-transform : uppercase; + } + + img { + @include border-radius(5px); + @include transition(border); + + border : 4px solid transparent; + background-color : #ddd; + + height : 54px; + width : 54px; + } + } input:checked + label { - background-color: #222; + .template-name { + color : $link-blue; + } + + img { + border : 4px solid $link-blue; + } } } @@ -133,10 +160,11 @@ img { @include transition(opacity); + @include box-shadow(0,0,0,0); cursor : pointer; - height : 28px; - width : 28px; + height : 70px; + width : 54px; } input:not(:checked) + label { @@ -174,8 +202,8 @@ input[type="image"] { .new_photo .photo{ display: inline; - max-width: 200px; - max-height: 75px; + max-width: 240px; + max-height: 240px; padding: 2px; } diff --git a/app/assets/templates/framer-content.jst.hbs b/app/assets/templates/framer-content.jst.hbs index 448dca397..680e11768 100644 --- a/app/assets/templates/framer-content.jst.hbs +++ b/app/assets/templates/framer-content.jst.hbs @@ -2,7 +2,13 @@
{{#each templates}} - - + + +
{{/each}}
diff --git a/app/assets/templates/services-selector.jst.hbs b/app/assets/templates/services-selector.jst.hbs index 59540451d..eaec5629f 100644 --- a/app/assets/templates/services-selector.jst.hbs +++ b/app/assets/templates/services-selector.jst.hbs @@ -3,7 +3,7 @@ {{#each services}} {{/each}}