diff --git a/public/css/style.less b/public/css/style.less index 19fc47425e..d8920f5604 100644 --- a/public/css/style.less +++ b/public/css/style.less @@ -1,3 +1,13 @@ + +.caret-left { + border-left: 0; + border-right: 4px solid black; + border-top: 4px solid transparent; + border-bottom: 4px solid transparent; +} + + + .pointer { cursor: pointer; *cursor: hand; @@ -9,6 +19,9 @@ zoom: 1; } +body { + background: #fdfdfd; +} @media (min-width: 979px) { body { padding-top: 60px; @@ -39,7 +52,7 @@ footer.footer { #post_window { width: 100%; - position: absolute; + position: fixed; height: 350px; left: 0px; bottom: 0px; @@ -116,29 +129,70 @@ footer.footer { list-style-type: none; padding: 0; margin: 0; - border: 1px solid #eee; + clear: both; + + .profile-image-block { + background: white; + + } + li { + padding-bottom: 15px; + } + + .profile-block, .post-block { + border: 1px solid #f0f0f0; + border-radius: 5px; + + padding: 10px; + } + + img { + margin: 5px; + } + + .profile-block { + background: #fafafa; + margin-right: -11px; + margin-left: -11px; + margin-bottom: -11px; + margin-top: 15px; + border-radius: 0 0 5px 5px; + font-size: 10px; + padding: 5px; + padding-left: 10px; + } + + .post-block { + + .caret { + margin-top: -10px; + margin-left: -18px; + display: block; + border-width: 8px 8px 8px 0; + border-color: transparent #ddd transparent; + } + .post-buttons { + font-size: 12px; + float: right; + + div { + display: inline-block; + padding-left: 15px; + padding-right: 15px; + border-left: 1px solid #f0f0f0; + cursor: pointer; + + &:last-child { + padding-right: 5px; + } + } + } + background: #fff; + } li:last-child { border-bottom: 0; } - - li.post-row { - cursor: pointer; - border-bottom: 1px solid #eee; - padding: 10px; - - &:nth-child(odd) { - background-color:#fdfdfd; - } - - &:nth-child(even) { - background-color:#fff; - } - - &:hover { - background-color: #eee; - } - } } #user_label { @@ -175,4 +229,4 @@ footer.footer { } .block { display: block !important; -} \ No newline at end of file +} diff --git a/public/src/app.js b/public/src/app.js index 249bc1b688..29e60a9ddf 100644 --- a/public/src/app.js +++ b/public/src/app.js @@ -107,9 +107,14 @@ var socket, app.post_topic(); } } else { + if (post_mode == 'reply') { + reply_title.innerHTML = 'You are replying to "' + title + '"'; + } else if (post_mode == 'quote') { + reply_title.innerHTML = 'You are quoting "' + title + '"'; + } + post_title.style.display = "none"; reply_title.style.display = "block"; - reply_title.innerHTML = 'You are replying to "' + title + '"'; post_content.focus(); submit_post_btn.onclick = function() { app.post_reply(id) @@ -118,6 +123,9 @@ var socket, }; + + + app.post_reply = function(topic_id) { var content = document.getElementById('post_content').value; diff --git a/public/templates/header.tpl b/public/templates/header.tpl index 65635218c9..2068576586 100644 --- a/public/templates/header.tpl +++ b/public/templates/header.tpl @@ -5,6 +5,7 @@ + @@ -47,10 +48,10 @@
{posts.content}
-Posted {posts.relativeTime} by user {posts.uid}.
+{posts.content}
+ +