# Quick Messages Plugin
**URL:** https://meta.discourse.org/t/quick-messages-plugin/39188
**Category:** Plugin
**Tags:** broken
**Created:** [February 8, 2016, 12:13am UTC](https://meta.discourse.org/t/quick-messages-plugin/39188 "2016-02-08T00:13:55Z")
**Posts on this page:** 20
**Page:** 8
### Author:  [@angus](https://meta.discourse.org/u/angus)
#### Post date: [July 5, 2016, 6:08pm UTC](https://meta.discourse.org/t/quick-messages-plugin/39188/142 "2016-07-05T18:08:47Z")
Hey, messages are restricted to non-admin messages now. Is this a new user? The ‘welcome’ message will not show up here.
The notification badge/count may need to be updated though…
---
### Author:  [@Pad\_Pors](https://meta.discourse.org/u/Pad_Pors)
#### Post date: [July 6, 2016, 6:23am UTC](https://meta.discourse.org/t/quick-messages-plugin/39188/143 "2016-07-06T06:23:15Z")
thanks.
no, this is not a new user. but the message is a message from admin.
so does this mean whenever an admin/moderator messages someone, the notification is shown, but the message can not be open via the plugin?
---
### Author:  [@angus](https://meta.discourse.org/u/angus)
#### Post date: [July 6, 2016, 11:50am UTC](https://meta.discourse.org/t/quick-messages-plugin/39188/144 "2016-07-06T11:50:40Z")
What should happen is that messages for the admin show up in the user’s notification stream in the user menu and that the notification for the message shows up as a user notification.
This made sense to me as the ‘admin’ message is then appearing alongside other notifications ‘from the app’, rather than alongside the conversations you’re having with other users.
I’m confident that the admin messages are showing up in the user’s notification stream in the user menu, however there may be issues with the notification for it.
---
### Author:  [@h1onE](https://meta.discourse.org/u/h1onE)
#### Post date: [July 12, 2016, 3:22pm UTC](https://meta.discourse.org/t/quick-messages-plugin/39188/145 "2016-07-12T15:22:29Z")
I recently updated Discourse + Quick Message Plugin and its kind of broken now..
…this reloading state lasts forever.
Any hints what to do?
---
### Author:  [@gdpelican](https://meta.discourse.org/u/gdpelican)
#### Post date: [July 12, 2016, 4:51pm UTC](https://meta.discourse.org/t/quick-messages-plugin/39188/146 "2016-07-12T16:51:51Z")
Probably this:
> [@Now in master: ES6 Modules + Text Rendering](https://meta.discourse.org/t/now-in-master-es6-modules-text-rendering/46815/30):
>
> I’m not up to date with the new API, but I think the [vbulletin bbcode](https://github.com/discourse/vbulletin-bbcode) might be broken too.
---
### Author:  [@h1onE](https://meta.discourse.org/u/h1onE)
#### Post date: [July 12, 2016, 10:51pm UTC](https://meta.discourse.org/t/quick-messages-plugin/39188/147 "2016-07-12T22:51:29Z")
I updated discourse again to latest, problem remains..
---
### Author:  [@cpradio](https://meta.discourse.org/u/cpradio)
#### Post date: [July 12, 2016, 11:06pm UTC](https://meta.discourse.org/t/quick-messages-plugin/39188/148 "2016-07-12T23:06:14Z")
It would. As latest has the ES6 changes and Quick Messages hasn’t had an opportunity to update to accomodate those changes yet.
---
### Author:  [@angus](https://meta.discourse.org/u/angus)
#### Post date: [July 14, 2016, 11:52am UTC](https://meta.discourse.org/t/quick-messages-plugin/39188/149 "2016-07-14T11:52:51Z")
> [@h1onE](#):
>
> I recently updated Discourse + Quick Message Plugin and its kind of broken now..
Thanks I’ll fix it today.
---
### Author:  [@angus](https://meta.discourse.org/u/angus)
#### Post date: [July 14, 2016, 12:38pm UTC](https://meta.discourse.org/t/quick-messages-plugin/39188/150 "2016-07-14T12:38:58Z")
@h1onE Thanks for your reporting this. The plugin is now working with the latest code.
[https://github.com/angusmcleod/discourse-quick-messages/commit/802b8c0c4a1792cdad636f3dcd2d6e05e42f38e7](https://github.com/angusmcleod/discourse-quick-messages/commit/802b8c0c4a1792cdad636f3dcd2d6e05e42f38e7)
---
### Author:  [@h1onE](https://meta.discourse.org/u/h1onE)
#### Post date: [July 15, 2016, 11:41am UTC](https://meta.discourse.org/t/quick-messages-plugin/39188/151 "2016-07-15T11:41:00Z")
~~Text doesnt show up on private group-messages:~~
Edit: seems to work again… sry
---
### Author:  [@alankeny](https://meta.discourse.org/u/alankeny)
#### Post date: [July 18, 2016, 3:46pm UTC](https://meta.discourse.org/t/quick-messages-plugin/39188/154 "2016-07-18T15:46:35Z")
I’m using Discourse 1.6.0.beta11, and I think I have the latest version of Quick Messages installed. I’m having a problem with the topic scrollbar on the right displaying on top of the chat window, when the browser window is small:
---
### Author:  [@angus](https://meta.discourse.org/u/angus)
#### Post date: [July 20, 2016, 12:28pm UTC](https://meta.discourse.org/t/quick-messages-plugin/39188/155 "2016-07-20T12:28:11Z")
Thanks @alankeny. This is now fixed.
[https://github.com/angusmcleod/discourse-quick-messages/commit/1ece51b07ea9ca3bda4b669a302f20caab02b58f](https://github.com/angusmcleod/discourse-quick-messages/commit/1ece51b07ea9ca3bda4b669a302f20caab02b58f)
---
### Author:  [@ahmedeldeep](https://meta.discourse.org/u/ahmedeldeep)
#### Post date: [August 11, 2016, 7:22pm UTC](https://meta.discourse.org/t/quick-messages-plugin/39188/156 "2016-08-11T19:22:18Z")
I can not resize the message box and when minimize its completely disappear.
---
### Author:  [@angus](https://meta.discourse.org/u/angus)
#### Post date: [August 11, 2016, 8:57pm UTC](https://meta.discourse.org/t/quick-messages-plugin/39188/157 "2016-08-11T20:57:05Z")
Thanks. I’m away on holiday at the moment, but will fix this when I get back.
---
### Author:  [@angus](https://meta.discourse.org/u/angus)
#### Post date: [August 15, 2016, 11:59am UTC](https://meta.discourse.org/t/quick-messages-plugin/39188/158 "2016-08-15T11:59:27Z")
Fixed.
[https://github.com/angusmcleod/discourse-quick-messages/commit/d880acc09aa88c7227988b87c12865bd057e10b1](https://github.com/angusmcleod/discourse-quick-messages/commit/d880acc09aa88c7227988b87c12865bd057e10b1)
---
### Author:  [@kuyashi](https://meta.discourse.org/u/kuyashi)
#### Post date: [September 8, 2016, 8:28pm UTC](https://meta.discourse.org/t/quick-messages-plugin/39188/159 "2016-09-08T20:28:17Z")
Hi, first off - thanks so much for your work on a great plugin !
I’ve a slight issue with white space when the message box is initiated:
The issue/whitespace persists when the message box is collapsed/minimised.
---
### Author:  [@angus](https://meta.discourse.org/u/angus)
#### Post date: [September 9, 2016, 1:16pm UTC](https://meta.discourse.org/t/quick-messages-plugin/39188/160 "2016-09-09T13:16:49Z")
hm interesting. Could you specify what is going on in that screenshot? I can see something is off, but without further context I’m not entirely sure what the issue is. Also, you seem to have a fair amount of custom css. Could you post it here? It will help to diagnose the issue.
---
### Author:  [@kuyashi](https://meta.discourse.org/u/kuyashi)
#### Post date: [September 9, 2016, 2:26pm UTC](https://meta.discourse.org/t/quick-messages-plugin/39188/161 "2016-09-09T14:26:50Z")
Yes, sure.
So as you’ll see when the message box opens it does not lay “on top” of the topic list or any other items that are on the “page” when opened. Instead, it drags the white space down the page below the bottom most content on the page.
In the above screenshot you’ll see the masses of whitespace between bottom of the last category listed and the message box.
> **CSS**
>
> ```plaintext
> //use Roboto font
> html {
> font-family: "Roboto", sans-serif;
> font-weight: 400;
> }
> body input, body button, body select, body textarea {
> font-family: "Roboto", Helvetica, Arial, sans-serif;
> }
>
> //add space between categories
> .topic-list.categories{
> border-spacing: 0 1em;
> border-collapse: separate;
> }
>
> //change category background color to white
> .topic-list.categories>tbody>tr{
> background-color: lighten($secondary, 10%);
> }
>
> //padding for category title and description
> .topic-list.categories th, .topic-list.categories td {
> padding: 0 15px 0 15px;
> }
>
> //Shadows for categories
> .topic-list.categories>tbody>tr td.category, .topic-list.categories>tbody>tr td.stats, .topic-list.categories>tbody>tr td.latest{
> -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 0 0 0 rgba(0, 0, 0, 0.12);
> -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 0 0 0 rgba(0, 0, 0, 0.12);
> box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 0 0 0 rgba(0, 0, 0, 0.12);
> }
>
> //underline navigation links
> .nav-pills>li.active>a, .nav-pills>li>a.active {
> color: $primary;
> font-weight: 500;
> background-color: $secondary;
> border-bottom: 3px solid #dd7127;
> }
>
> //remove highlighting navigation background on hover
> .nav-pills > li > a:hover{
> background-color: $secondary;
> }
>
> //add shadow behind the list of topics, but not categories
> .topic-list:not(.categories){
> -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
> -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
> box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
> background-color: lighten($secondary, 10%);
> border-collapse: collapse;
> }
>
> //create conversation cards
> .topic-body{
> -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
> -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
> box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
> background-color: lighten($secondary, 10%);
> margin-top: 10px;
> padding-left: 20px;
> border-radius: 2px;
> padding-right: 20px;
> }
>
> //more space for avatars
> .topic-avatar{
> border-top: 0;
> padding-right: 10px;
> }
>
> //improve format of embedded posts
>
> .embedded-posts .topic-avatar{
> padding-left: 0px;
> }
> .embedded-posts.top.topic-body {
> -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0),0 2px 10px 0 rgba(0,0,0,0);
> -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0),0 2px 10px 0 rgba(0,0,0,0);
> box-shadow: 0 2px 5px 0 rgba(0,0,0,0),0 2px 10px 0 rgba(0,0,0,0);
> background-color: $secondary;
> }
>
> //raise and round buttons
> .btn:not(.bulk-select) {
> border-radius: 2px;
> -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
> -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
> box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
> }
>
> //flatten editor buttons
> .d-editor-button-bar .btn{
> border-radius: 0px;
> -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0),0 2px 10px 0 rgba(0,0,0,0);
> -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0),0 2px 10px 0 rgba(0,0,0,0);
> box-shadow: 0 2px 5px 0 rgba(0,0,0,0),0 2px 10px 0 rgba(0,0,0,0);
> }
>
> //properly space buttons on login modal
> button#login-link, button#new-account-link{
> padding-left:inherit;
> }
>
> //darken color, remove shadow and border when pressed
> .btn:active{
> background-color: rgba(0,0,0,.4);
> -webkit-box-shadow: 0 0px 0px 0 rgba(0,0,0,0.16),0 0px 00px 0 rgba(0,0,0,0.12);
> -moz-box-shadow: 0 0px 0px 0 rgba(0,0,0,0.16),0 0px 00px 0 rgba(0,0,0,0.12);
> box-shadow: 0 0px 0px 0 rgba(0,0,0,0.16),0 0px 00px 0 rgba(0,0,0,0.12);
>
> }
> .btn:focus{
> outline: -webkit-focus-ring-color auto 0px;
> }
>
> //New Topic Fab
> #create-topic.btn-default {
> border-radius: 40px;
> position: fixed;
> bottom: 30px;
> right: 50px;
> z-index: 999;
> padding: 24px 20px 22px 5px;
> background-color: #dd7127;
> color: #dd7127;
> white-space: nowrap;
> text-indent: 10px;
> -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.14),0 4px 8px rgba(0,0,0,0.28);
> -moz-box-shadow: 0 0 4px rgba(0,0,0,0.14),0 4px 8px rgba(0,0,0,0.28);
> box-shadow: 0 0 4px rgba(0,0,0,0.14),0 4px 8px rgba(0,0,0,0.28);
> overflow: hidden;
> width: 63px;
> height: 63px;
> -webkit-transition: right .5s, bottom .5s, border-radius .5s, text-indent .2s, visibility 1s, width .2s ease, height .5s ease .4s, color .5s, background-color 2s, -webkit-transform .5s;
> transition: right .5s, bottom .5s, border-radius .5s, text-indent .2s, visibility 1s, width .2s ease, height .5s ease .4s, color .5s, background-color 2s, transform .5s;
> }
>
> #create-topic.btn-default .fa-plus {
> color: white;
> }
>
> #create-topic.btn-default:hover {
> text-indent: 8px;
> width: 190px;
> color: white;
> }
>
> //Reply Fab
> .timeline-footer-controls {
> position: relative;
> }
> .widget-button.btn.create {
> border-radius: 40px;
> position: absolute;
> top: 50px;
> left: -18px;
> z-index: 999;
> padding: 24px 20px 22px 5px;
> background-color: #dd7127;
> color: white;
> text-indent: 10px;
> -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.14),0 4px 8px rgba(0,0,0,0.28);
> -moz-box-shadow: 0 0 4px rgba(0,0,0,0.14),0 4px 8px rgba(0,0,0,0.28);
> box-shadow: 0 0 4px rgba(0,0,0,0.14),0 4px 8px rgba(0,0,0,0.28);
> overflow: hidden;
> width: 63px;
> height: 63px;
> -webkit-transition: right .5s, bottom .5s, border-radius .5s, text-indent .2s, visibility 1s, width .2s ease, height .5s ease .4s, color .5s, background-color 2s, -webkit-transform .5s;
> transition: right .5s, bottom .5s, border-radius .5s, text-indent .2s, visibility 1s, width .2s ease, height .5s ease .4s, color .5s, background-color 2s, transform .5s;
> }
>
> //Center and increase size of reply icon
> .widget-button.btn.create .fa-reply{
> color: white;
> font-size: 20px;
> margin-left: -8px;
> }
>
> //Proper spacing for iPad portrait
> @media only screen
> and (min-width : 768px)
> and (max-width: 1250px)
> {
> .timeline-container {
> margin-left: 820px;
> }
> .topic-admin-popup-menu{
> left:-40% !important;
>
> }
>
> }
>
> //Properly space notifications button
> .widget-button.btn.notifications-dropdown{
> right: 4px;
> position: relative;
> border-radius: 40px;
> width: 30px;
> }
>
> .widget-button.btn.notifications-dropdown .fa{
> margin-left: -2px;
> }
>
> //cards for search results
> .fps-result{
> -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
> -moz-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
> box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
> background-color: lighten($secondary, 10%);
> margin-top: 10px;
> padding: 20px;
> border-radius: 2px;
> }
>
> .d-header {
> width: 100%;
> position: absolute;
> top: 0;
> z-index: 1001;
> //background-color: #fff;
> box-shadow: 0 2px 4px -1px #dd7127;
> border-bottom: 1.5px solid #dd7127;
> }
>
> .d-header .icons .icon {
> display: block;
> padding: 3px;
> color: #BDC3C7 !important;
> text-decoration: none;
> cursor: pointer;
> border-top: 1px solid transparent;
> border-left: 1px solid transparent;
> border-right: 1px solid transparent;
> transition: all linear .15s;
> }
>
> .unread-private-messages {
> color: #ff;
> background: red;
> }
>
> // .desktop-view {
> // background-color: #333;
> // }
>
> // .d-header #site-logo {
> // height: 35%;
> // width: 25%;
> // }
>
> ```
> **Header CSS**
>
> ```plaintext
> /* =============== Header Menu CSS ================= */
>
> @media screen and (max-width: 1024px) {
> .crunchify-container {
> display: none !important;
> }
> }
> @media screen and (min-width: 1024px) {
> span#crunchify-top-links {
> display: block !important;
> margin: 10px 0 0 0;
> }
> div#crunchify-navbar {
> max-width: none;
> width: auto;
> z-index: 1040;
> position: fixed;
> top: 0;
> left: 38%;
> }
> .nav-link-container li {
> display: inline-block;
> float: left;
> }
> .nav-link-container a {
> color: #fff;
> text-decoration: none;
> text-align: center;
> line-height: 48px;
> font-size: 16px;
> padding: 0 1em;
> }
> .d-header .icons .icon {
> float: right;
> color: #fff;
> }
> .nav-link-container {
> display: inline
> }
> }
>
> ```
---
### Author:  [@angus](https://meta.discourse.org/u/angus)
#### Post date: [September 16, 2016, 12:15pm UTC](https://meta.discourse.org/t/quick-messages-plugin/39188/162 "2016-09-16T12:15:13Z")
@kuyashi Sorry for the slow reply!
Having added your CSS to my local:
1. The z-index conflict between your custom new topic button (`z-index: 999`) and the quick message compose (`z-index: 998`) is something that’s relatively unique to your custom CSS, so I won’t change it in the plugin itself. To get the quick message compose to sit on top of your new topic button, change your new topic button z-index to 997.
2. I’m not seeing the whitespace issue you mention. It seems as if you also have some custom HTML? (e.g. `#crunchify-navbar`) could you post that here as well?
---
### Author:  [@Pirat](https://meta.discourse.org/u/Pirat)
#### Post date: [October 22, 2016, 11:20pm UTC](https://meta.discourse.org/t/quick-messages-plugin/39188/163 "2016-10-22T23:20:59Z")
the administrator does not work sms chat
should be fixed a plug
writes **No messages yet.**
still need to add scrolling, I do not have the wheel
[Previous page](https://meta.discourse.org/t/quick-messages-plugin/39188.md?page=7)
[Next page](https://meta.discourse.org/t/quick-messages-plugin/39188.md?page=9)