Mo Elzubeir
53 lines
1.0 KiB
SCSS
53 lines
1.0 KiB
SCSS
// Chat
|
|
|
|
.chat-box-wrapper {
|
|
display: flex;
|
|
clear: both;
|
|
padding: ($layout-spacer-x / 2);
|
|
|
|
& + .chat-box-wrapper {
|
|
padding-top: 0;
|
|
}
|
|
|
|
.chat-box {
|
|
box-shadow: 0 0 0 transparent;
|
|
position: relative;
|
|
opacity: 1;
|
|
background: $dropdown-link-hover-bg;
|
|
border: 0;
|
|
padding: ($layout-spacer-x / 2) $layout-spacer-x;
|
|
@include border-radius(30px);
|
|
border-top-left-radius: $border-radius;
|
|
flex: 1;
|
|
display: flex;
|
|
max-width: 50%;
|
|
min-width: 100%;
|
|
text-align: start;
|
|
|
|
& + small {
|
|
text-align: start;
|
|
padding: ($layout-spacer-x / 3) 0 0;
|
|
margin-inline-start: $layout-spacer-x;
|
|
display: block;
|
|
}
|
|
}
|
|
|
|
&.chat-box-wrapper-right {
|
|
text-align: end;
|
|
|
|
.chat-box {
|
|
@include border-radius(30px);
|
|
border-top-left-radius: 30px;
|
|
border-top-right-radius: $border-radius;
|
|
margin-inline-start: auto;
|
|
|
|
& + small {
|
|
text-align: end;
|
|
margin-inline-end: $layout-spacer-x;
|
|
margin-inline-start: 0;
|
|
}
|
|
}
|
|
|
|
}
|
|
}
|