From 31ec6f27cef36a583cda8ce1cfd2cb91eb6cac49 Mon Sep 17 00:00:00 2001
From: Toby Zerner <toby.zerner@gmail.com>
Date: Sat, 25 Apr 2015 22:31:37 +0930
Subject: [PATCH] Update some styles for the Mithril app

---
 less/forum/composer.less | 12 ++++++------
 less/forum/index.less    |  8 ++++----
 less/forum/user.less     |  5 +++++
 3 files changed, 15 insertions(+), 10 deletions(-)

diff --git a/less/forum/composer.less b/less/forum/composer.less
index b013c3431..86fb8f60a 100644
--- a/less/forum/composer.less
+++ b/less/forum/composer.less
@@ -108,7 +108,7 @@
     pointer-events: none;
     .transition(left 0.2s);
 
-    .with-pane & {
+    .has-pane.pane-pinned & {
       left: @index-pane-width;
     }
   }
@@ -122,18 +122,18 @@
     height: 300px;
     .transition(~"background 0.2s");
 
-    .index-index & {
+    .index-page & {
       margin-left: 205px;
       margin-right: -20px;
     }
-    &.active, &.fullscreen {
+    &.active, &.full-screen {
       background: @fl-body-bg;
     }
     &.minimized {
       height: 50px;
       cursor: pointer;
     }
-    &.fullscreen {
+    &.full-screen {
       position: fixed;
       left: 0;
       top: 0;
@@ -149,7 +149,7 @@
     .minimized & {
       padding: 10px 20px;
     }
-    .fullscreen & {
+    .full-screen & {
       max-width: 900px;
       margin: 0 auto;
       padding: 30px;
@@ -160,7 +160,7 @@
     margin-bottom: -20px;
     position: relative;
 
-    .minimized &, .fullscreen & {
+    .minimized &, .full-screen & {
       display: none;
     }
   }
diff --git a/less/forum/index.less b/less/forum/index.less
index 5089f5d42..0aaad20b3 100644
--- a/less/forum/index.less
+++ b/less/forum/index.less
@@ -70,7 +70,7 @@
       .box-shadow(2px 2px 6px -2px @fl-shadow-color);
       .transition(left 0.2s);
 
-      &.showing {
+      .pane-showing & {
         left: 0;
       }
       & .container {
@@ -106,7 +106,7 @@
 
 @media @desktop-hd {
   .index-area.paned {
-    .with-pane & {
+    .pane-pinned & {
       left: 0;
       z-index: @zindex-composer - 1;
       .transition(none);
@@ -114,7 +114,7 @@
   }
   // When the pane is pinned, move the other page content inwards
   .global-content, .global-footer {
-    .with-pane & {
+    .has-pane.pane-pinned & {
       margin-left: @index-pane-width;
       & .container {
         max-width: 100%;
@@ -123,7 +123,7 @@
     }
   }
   .global-header .container {
-    .with-pane & {
+    .has-pane.pane-pinned & {
       width: 100%;
     }
   }
diff --git a/less/forum/user.less b/less/forum/user.less
index b722fb8ed..5a0cab0f2 100644
--- a/less/forum/user.less
+++ b/less/forum/user.less
@@ -207,6 +207,11 @@
   }
   & .loading-indicator {
     color: #fff;
+    position: absolute;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
   }
   & .dropdown-menu {
     left: 35%;