Quick Messages Plugin


(Angus McLeod) #142

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…


(Pad Pors) #143

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?


(Angus McLeod) #144

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.


#145

I recently updated Discourse + Quick Message Plugin and its kind of broken now…

…this reloading state lasts forever.

Any hints what to do?


(James Kiesel) #146

Probably this:


#147

I updated discourse again to latest, problem remains…


(cpradio) #148

It would. As latest has the ES6 changes and Quick Messages hasn’t had an opportunity to update to accomodate those changes yet.


(Angus McLeod) #149

Thanks I’ll fix it today.


(Angus McLeod) #150

@h1onE Thanks for your reporting this. The plugin is now working with the latest code.


#151

Text doesnt show up on private group-messages:

Edit: seems to work again… sry


(Alan) #154

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:


(Angus McLeod) #155

Thanks @alankeny. This is now fixed.


(Ahmed Eldeep) #156

I can not resize the message box and when minimize its completely disappear.


(Angus McLeod) #157

Thanks. I’m away on holiday at the moment, but will fix this when I get back.


(Angus McLeod) #158

Fixed.


(David O'Dea) #159

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.


(Angus McLeod) #160

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.


(David O'Dea) #161

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
//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
/* =============== 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
    }
}


(Angus McLeod) #162

@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?


(Pirat) #163

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