diff --git a/app/assets/javascripts/app/helpers/text_formatter.js b/app/assets/javascripts/app/helpers/text_formatter.js
index 7b65e095b..ccb798b45 100644
--- a/app/assets/javascripts/app/helpers/text_formatter.js
+++ b/app/assets/javascripts/app/helpers/text_formatter.js
@@ -1,6 +1,6 @@
(function(){
- var textFormatter = function textFormatter(model) {
- var text = model.get("text");
+ //make it so I take text and mentions rather than the modelapp.helpers.textFormatter(
+ var textFormatter = function textFormatter(text, model) {
var mentions = model.get("mentioned_people");
return textFormatter.mentionify(
diff --git a/app/assets/javascripts/app/views/comment_view.js b/app/assets/javascripts/app/views/comment_view.js
index 3145346fd..6281a7217 100644
--- a/app/assets/javascripts/app/views/comment_view.js
+++ b/app/assets/javascripts/app/views/comment_view.js
@@ -14,7 +14,7 @@ app.views.Comment = app.views.Content.extend({
presenter : function() {
return _.extend(this.defaultPresenter(), {
canRemove: this.canRemove(),
- text : app.helpers.textFormatter(this.model)
+ text : app.helpers.textFormatter(this.model.get("text"), this.model)
})
},
diff --git a/app/assets/javascripts/app/views/content_view.js b/app/assets/javascripts/app/views/content_view.js
index d6c7aa226..695987f04 100644
--- a/app/assets/javascripts/app/views/content_view.js
+++ b/app/assets/javascripts/app/views/content_view.js
@@ -8,7 +8,7 @@ app.views.Content = app.views.StreamObject.extend({
presenter : function(){
return _.extend(this.defaultPresenter(), {
- text : app.helpers.textFormatter(this.model),
+ text : app.helpers.textFormatter(this.model.get("text"), this.model),
o_embed_html : this.embedHTML(),
largePhoto : this.largePhoto(),
smallPhotos : this.smallPhotos()
diff --git a/app/assets/javascripts/app/views/post/mood_view.js b/app/assets/javascripts/app/views/post/mood_view.js
index 5fe33359f..988ec3f77 100644
--- a/app/assets/javascripts/app/views/post/mood_view.js
+++ b/app/assets/javascripts/app/views/post/mood_view.js
@@ -12,8 +12,8 @@ app.views.Post.Mood = app.views.Post.extend({
presenter : function(){
var model = this.model
return _.extend(this.defaultPresenter(), {
- headline : model.headline(),
- body : model.body()
+ headline : $(app.helpers.textFormatter(model.headline(), model)).html(),
+ body : app.helpers.textFormatter(model.body(), model)
})
},
diff --git a/app/assets/javascripts/app/views/post_view.js b/app/assets/javascripts/app/views/post_view.js
index 42cc20efa..d7703e627 100644
--- a/app/assets/javascripts/app/views/post_view.js
+++ b/app/assets/javascripts/app/views/post_view.js
@@ -5,7 +5,7 @@ app.views.Post = app.views.StreamObject.extend({
return _.extend(this.defaultPresenter(), {
authorIsCurrentUser : this.authorIsCurrentUser(),
showPost : this.showPost(),
- text : app.helpers.textFormatter(this.model)
+ text : app.helpers.textFormatter(this.model.get("text"), this.model)
})
},
@@ -23,10 +23,10 @@ app.views.Post = app.views.StreamObject.extend({
//translate obsolete template names to the new Moods, should be removed when template picker comes cliente side.
var map = {
- 'status-with-photo-backdrop' : 'Wallpaper',
- 'status' : 'Day',
- 'note' : 'Newspaper',
- 'photo-backdrop' : 'Day'
+ 'status-with-photo-backdrop' : 'Wallpaper', //equivalent
+ 'status' : 'Day', //equivalent
+ 'note' : 'Newspaper', //equivalent
+ 'photo-backdrop' : 'Day' //that theme was bad
}
frameName = map[frameName] || frameName
@@ -50,6 +50,7 @@ app.views.Post = app.views.StreamObject.extend({
});
app.views.Post.Legacy = app.views.Post.extend({
+ tagName : "article",
initialize : function(options) {
this.templateName = options.templateName || this.templateName
}
diff --git a/app/assets/stylesheets/new_styles/_base.scss b/app/assets/stylesheets/new_styles/_base.scss
index f405f1b54..b5c97d471 100644
--- a/app/assets/stylesheets/new_styles/_base.scss
+++ b/app/assets/stylesheets/new_styles/_base.scss
@@ -7,39 +7,13 @@
.icon-green { background-image: image_url("img/glyphicons-halflings-green.png"); }
.icon-blue { background-image: image_url("img/glyphicons-halflings-blue.png"); }
-/* styles */
-.multi-photo {
- display: table;
-
- p {
- @include media-text();
- }
-
- .img-bounding-box {
- display: table-cell;
- text-align: center;
- vertical-align: middle;
-
- padding: 20px;
- height: 400px;
- width: 300px;
- }
-
- img {
- @include photo-shadow();
-
- max-width: 100%;
- max-height: 100%;
- }
-}
-
.photoset {
@include center(horizontal);
width: 100%;
}
.rich-media {
- z-index : -5000; //so the framer controls don't get lost
+ //z-index : -5000; //so the framer controls don't get lost
position: absolute;
height: 100%;
width: 100%;
@@ -181,8 +155,13 @@ article { //mood posts
$big-text-size : 3em;
$medium-text-size : 2em;
$small-text-size: 1.5em;
+ width: 960px;
+ margin: 0 auto;
@include centered-frame();
+ .container {
+ padding: 70px 0;
+ }
header, header p{
//big text
@@ -191,10 +170,12 @@ article { //mood posts
}
section.body{
- font-size: $small-text-size;
+ p { font-size: $small-text-size;}
&.short_body{
- font-size: $medium-text-size;
+ p{
+ font-size: $medium-text-size;
+ }
}
}
@@ -204,17 +185,58 @@ article { //mood posts
}
&.newspaper {
- text-align: left;
@include newspaper-type();
- width: 960px;
+
+ text-align: left;
+
+ .container {
+ width: 600px;
+ }
+
.photo_viewer {
- float: left;
+ float: right;
+ margin-left: 20px;
+ max-width: 320px;
+ }
+
+ header {
+ margin-bottom: 1em;
+ line-height: 1em;
+ }
+
+ .body p {
+ @include newspaper-type();
+ font-size: 1.2em;
+ line-height: 1.7em;
+ margin-bottom: 1.2em;
}
}
&.wallpaper{
color : #fff;
}
+
+ &.multi-photo {
+ p {
+ @include media-text();
+ }
+
+ .img-bounding-box {
+ display: table-cell;
+ text-align: center;
+ vertical-align: middle;
+
+ padding: 20px;
+ height: 400px;
+ width: 300px;
+ }
+
+ img {
+ @include photo-shadow();
+ max-width: 100%;
+ max-height: 100%;
+ }
+ }
}
.status-with-photo-backdrop {
@@ -284,6 +306,7 @@ $bring-dark-accent-forward-color: #DDD;
.framer-controls {
@include info-container-base();
+ z-index: 999;
position: fixed;
width: 100%;
diff --git a/app/assets/stylesheets/new_styles/_new_mixins.scss b/app/assets/stylesheets/new_styles/_new_mixins.scss
index 3013b1b7c..5d35698c1 100644
--- a/app/assets/stylesheets/new_styles/_new_mixins.scss
+++ b/app/assets/stylesheets/new_styles/_new_mixins.scss
@@ -81,8 +81,6 @@ $night-text-color : #999;
@mixin newspaper-type() {
font-family: Palatino, times, georgia, serif;
- margin-bottom: 1em;
- padding: 0 5%;
}
@mixin centered-frame(){
diff --git a/app/assets/templates/mood.jst.hbs b/app/assets/templates/mood.jst.hbs
index 4c977ded4..446a14502 100644
--- a/app/assets/templates/mood.jst.hbs
+++ b/app/assets/templates/mood.jst.hbs
@@ -1,3 +1,5 @@
-