KumiSystems/Chatwoot
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Fix: Alignment issue in activity message (#2057)

Browse source 
* Fixes alignment issue in activity message

* Codeclimate fixes

Co-authored-by: Nithin David Thomas <webofnithin@gmail.com>
This commit is contained in:
Sivin Varghese 2021-04-08 19:42:03 +05:30 committed by GitHub
parent 2140443f07
commit 28fb6469a3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 28 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

28
app/javascript/dashboard/assets/scss/widgets/_conversation-view.scss
View file

@ -249,17 +249,27 @@
}
.activity-wrap {
@include flex;
@include margin($space-small auto);
@include padding($space-small $space-normal);
@include flex-align($x: center, $y: null);
background: lighten($warning-color, 32%);
border: 1px solid lighten($warning-color, 22%);
border-radius: $space-smaller;
font-size: $font-size-small;
background: var(--s-50);
border: 1px solid var(--s-100);
border-radius: var(--border-radius-medium);
display: flex;
font-size: var(--font-size-small);
justify-content: center;
margin: var(--space-small) var(--space-normal);
padding: var(--space-small) var(--space-normal);
.message-text__wrap {
@include breakpoint(xlarge up) {
margin: var(--space-small) auto;
}
.is-text {
display: inline-block;
text-align: start;
@include breakpoint(xlarge up) {
display: flex;
text-align: center;
}
}
}
}

12
app/javascript/dashboard/components/widgets/conversation/bubble/Actions.vue
View file

@ -95,6 +95,8 @@ export default {
</script>
<style lang="scss" scoped>
@import '~dashboard/assets/scss/app.scss';
.right {
.message-text--metadata {
.time {
@ -136,12 +138,16 @@ export default {
.activity-wrap {
.message-text--metadata {
display: inline-block;
.time {
color: var(--s-300);
display: flex;
text-align: center;
font-size: var(--font-size-micro);
margin-left: var(--space-small);
margin-left: 0;
@include breakpoint(xlarge up) {
margin-left: var(--space-small);
}
}
}
}