diff --git a/public/css/style.less b/public/css/style.less index b4a0f13b44..b52eedb1fe 100644 --- a/public/css/style.less +++ b/public/css/style.less @@ -21,10 +21,18 @@ body { background: #fdfdfd; + -webkit-transition: margin-bottom 250ms ease; + -moz-transition: margin-bottom 250ms ease; + -ms-transition: margin-bottom 250ms ease; + -o-transition: margin-bottom 250ms ease; + transition: margin-bottom 250ms ease; + + &.composing { + margin-bottom: 350px; + } } -// havent really decided what makes more sense tbh -.none, .hide { +.none { display: none !important; } @@ -73,6 +81,7 @@ footer.footer { left: 0px; bottom: 0px; background: white; + z-index: 1500; input { width: 100%; @@ -374,27 +383,66 @@ footer.footer { } .category-purple { - background: #ab1290; + @color: #ab1290; + background: @color; color: white; + + &:hover { + background: lighten(@color, 10%); + } } .category-darkblue { - background: #004C66; + @color: #004C66; + background: @color; color: white; + + &:hover { + background: lighten(@color, 10%); + } } .category-blue { - background: #0059B2; + @color: #0059B2; + background: @color; color: white; + + &:hover { + background: lighten(@color, 10%); + } } .category-darkgreen { - background: #004000; + @color: #004000; + background: @color; color: white; + + &:hover { + background: lighten(@color, 10%); + } } .category-orange { + @color: #FF7A4D; color: white; - background: #FF7A4D; + background: @color; + + &:hover { + background: lighten(@color, 10%); + } +} + +.category-list { + li { + .inline-block; + .pointer; + padding: 0.5em 0; + text-align: center; + margin: 0.5em; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + border-radius: 5px; + padding: 0.5em; + } } .hero-unit { diff --git a/public/src/app.js b/public/src/app.js index 4a989e06bd..88b2b51f24 100644 --- a/public/src/app.js +++ b/public/src/app.js @@ -100,9 +100,10 @@ var socket, reply_title = reply_title || document.getElementById('reply_title'); post_content = post_content || document.getElementById('post_content'); - post_window = post_window || document.getElementById('post_window'); - jQuery(post_window).slideToggle(250); + + jQuery(post_window).slideDown(250); + $(document.body).addClass('composing'); if (post_mode == 'topic') { post_title.style.display = "block"; @@ -149,7 +150,7 @@ var socket, 'topic_id' : topic_id, 'content' : content }); - jQuery(post_window).slideToggle(250); + jQuery(post_window).slideDown(250); }; app.post_topic = function(category_id) { @@ -175,6 +176,7 @@ var socket, jQuery('#post_title, #post_content').val(''); jQuery(post_window).slideToggle(250); + $(document.body).addClass('composing'); }; diff --git a/public/templates/account.tpl b/public/templates/account.tpl index 5c859a26ad..0aa2334368 100644 --- a/public/templates/account.tpl +++ b/public/templates/account.tpl @@ -10,7 +10,7 @@
{user.username} - edit + edit
@@ -22,6 +22,22 @@ {user.email}
+ full name + {user.fullname} +
+ + website + {user.website} +
+ + location + {user.location} +
+ + age + {user.age} +
+ member for {user.joindate}
@@ -34,13 +50,17 @@ {user.postcount}
- + - + \ No newline at end of file diff --git a/public/templates/footer.tpl b/public/templates/footer.tpl index f23c07ad7e..24d2e3001b 100644 --- a/public/templates/footer.tpl +++ b/public/templates/footer.tpl @@ -76,6 +76,15 @@ right_menu.appendChild(loginEl); } }); + + + // Post window events + var postWindowEl = document.getElementById('post_window'), + discardEl = document.getElementById('discard-post'); + discardEl.addEventListener('click', function() { + $(postWindowEl).slideToggle(250); + $(document.body).removeClass('composing'); + }, false); }()); diff --git a/public/templates/header.tpl b/public/templates/header.tpl index 401c12113b..44b7dd93d7 100644 --- a/public/templates/header.tpl +++ b/public/templates/header.tpl @@ -64,7 +64,7 @@
Submit - Discard + Discard
diff --git a/public/templates/topic.tpl b/public/templates/topic.tpl index 44d69ec982..b2dbc3a28b 100644 --- a/public/templates/topic.tpl +++ b/public/templates/topic.tpl @@ -43,9 +43,29 @@
  • Pin Thread
  • Lock Thread
  • -
  • Delete Thread
  • +
  • Move Thread
  • +
  • +
  • Delete Thread
  • +