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

Chore: Reply panel emoji button size fixes (#1896)

Browse source
This commit is contained in:
Nithin David Thomas 2021-03-11 21:48:52 +05:30 • committed by GitHub
parent 22fecf0d84
commit 38d1b0eae3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 11 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

9
app/javascript/dashboard/assets/scss/widgets/_buttons.scss
View file

@ -2,12 +2,17 @@
margin-bottom: 0;
&.button--emoji {
align-items: center;
background: var(--b-50);
border: 1px solid var(--color-border-light);
border-radius: var(--border-radius-large);
display: flex;
font-size: var(--font-size-small);
margin-right: var(--space-small);
padding: var(--space-small);
height: var(--space-large);
justify-content: center;
padding: var(--space-micro);
text-align: center;
width: var(--space-large);
&:hover {
background: var(--b-200);

2
app/javascript/dashboard/assets/scss/widgets/_reply-box.scss
View file

@ -61,9 +61,7 @@
}
.bottom-box .button--emoji.button--upload {
height: var(--space-large);
padding: 0;
width: var(--space-large);
.file-uploads {
height: 100%;

7
app/javascript/dashboard/components/widgets/WootWriter/ReplyBottomPanel.vue
View file

@ -160,9 +160,9 @@ export default {
}
.button {
display: flex;
align-items: center;
justify-content: space-between;
&.button--emoji {
margin-right: var(--space-small);
}
&.is-active {
background: white;
@ -221,6 +221,7 @@ export default {
label {
color: var(--s-500);
font-size: var(--font-size-mini);
}
}
}