LeadMagnet/leadchat
1
0
Fork 0
Code Issues Pull Requests Actions 3 Packages Projects Releases 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
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; margin-bottom: 0;
&.button--emoji { &.button--emoji {
align-items: center;
background: var(--b-50); background: var(--b-50);
border: 1px solid var(--color-border-light); border: 1px solid var(--color-border-light);
border-radius: var(--border-radius-large); border-radius: var(--border-radius-large);
display: flex;
font-size: var(--font-size-small); font-size: var(--font-size-small);
margin-right: var(--space-small); height: var(--space-large);
padding: var(--space-small); justify-content: center;
padding: var(--space-micro);
text-align: center;
width: var(--space-large);
&:hover { &:hover {
background: var(--b-200); 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 { .bottom-box .button--emoji.button--upload {
height: var(--space-large);
padding: 0; padding: 0;
width: var(--space-large);
.file-uploads { .file-uploads {
height: 100%; height: 100%;

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

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