Implements nicer unread indicator fro group-chat-messages
@@ -61,7 +61,7 @@ won-group-post-messages {
.gpm__content {
grid-area: main;
- padding: 0.5rem;
+ padding: 0.5rem 0.5rem 0.5rem 0;
background: white;
border: $thinGrayBorder;
overflow: auto;
@@ -69,9 +69,10 @@ won-group-post-messages {
&__loadbutton, /* just so the button and spinner won't make the chatmessages "jump"*/
&__loadspinner {
- width: 100%;
+ width: calc(100% - 0.5rem);
height: 3rem;
padding: 0.66em 2em;
+ margin-left: 0.5rem;
text-align: center;
box-sizing: border-box;
}
@@ -82,6 +83,7 @@ won-group-post-messages {
position: sticky;
z-index: 10;
margin-bottom: 0.5rem;
+ margin-left: 0.5rem;
@include slideWithOpacityAnimationFixedHorizontal(
0.5s,
