summaryrefslogtreecommitdiffstats
path: root/webapp/sass
diff options
context:
space:
mode:
authorNick Frazier <nrflaw@gmail.com>2016-12-06 18:49:36 -0500
committerJoram Wilander <jwawilander@gmail.com>2016-12-06 18:49:36 -0500
commited15f10b7952e1143b49621dd978a2175435cbd0 (patch)
tree7a49b099de69f3257dbf548066884db8dc71ffb2 /webapp/sass
parent3ea49822b3dce879e7ca4dd878d40a17f82f528c (diff)
downloadchat-ed15f10b7952e1143b49621dd978a2175435cbd0.tar.gz
chat-ed15f10b7952e1143b49621dd978a2175435cbd0.tar.bz2
chat-ed15f10b7952e1143b49621dd978a2175435cbd0.zip
[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
Diffstat (limited to 'webapp/sass')
-rw-r--r--webapp/sass/layout/_post.scss10
-rw-r--r--webapp/sass/responsive/_tablet.scss6
2 files changed, 16 insertions, 0 deletions
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;
+ }
}
}