From ed15f10b7952e1143b49621dd978a2175435cbd0 Mon Sep 17 00:00:00 2001
From: Nick Frazier <nrflaw@gmail.com>
Date: Tue, 6 Dec 2016 18:49:36 -0500
Subject: [PLT-4318] Display a message when post is over 4000 characters
 (#4687)

* test changes

* added functionality

* css updates

* additional css updates

* i18n updates

* textbox cleanup

* var naming tweak

* replaced jQuery with React-based UI changes
---
 webapp/sass/layout/_post.scss       | 10 ++++++++++
 webapp/sass/responsive/_tablet.scss |  6 ++++++
 2 files changed, 16 insertions(+)

(limited to 'webapp/sass')

diff --git a/webapp/sass/layout/_post.scss b/webapp/sass/layout/_post.scss
index 9a042f325..7a119b7af 100644
--- a/webapp/sass/layout/_post.scss
+++ b/webapp/sass/layout/_post.scss
@@ -409,12 +409,22 @@
         @include clearfix;
         font-size: 13px;
         padding: 3px 0 0;
+        position: relative;
 
         .control-label {
             font-weight: normal;
             margin-bottom: 0;
             position: relative;
             top: -5px;
+
+            &.post-error {
+              display: inline-block;
+              font-size: .85em;
+              @include opacity(.55);
+              color: rgb(51, 51, 51);
+              position: absolute;
+              top: 4px;
+            }
         }
     }
 
diff --git a/webapp/sass/responsive/_tablet.scss b/webapp/sass/responsive/_tablet.scss
index f9cd0869d..48f72b0f3 100644
--- a/webapp/sass/responsive/_tablet.scss
+++ b/webapp/sass/responsive/_tablet.scss
@@ -27,6 +27,12 @@
 
             .control-label {
                 top: 0;
+
+                &.post-error {
+                  left: 32px;
+                  top: 0px;
+                  position: relative;
+                }
             }
         }
 
-- 
cgit v1.2.3-1-g7c22