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

Bug: Fix IE issues in Widget (#734)

Browse source
This commit is contained in:
Pranav Raj S 2020-04-17 16:45:12 +05:30 committed by GitHub
parent 2aa92d46fc
commit e3ccfc4662
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
app/javascript/widget/components/Branding.vue
View file

@ -5,7 +5,7 @@
rel="noreferrer noopener nofollow" rel="noreferrer noopener nofollow"
target="_blank" target="_blank"
> >
<img src="~widget/assets/images/logo.svg" /> <img src="~widget/assets/images/logo.svg" alt="ChatwootLogo" />
<span>Powered by Chatwoot</span> <span>Powered by Chatwoot</span>
</a> </a>
</template> </template>
@ -36,6 +36,7 @@
img { img {
margin-right: $space-smaller; margin-right: $space-smaller;
max-width: $space-slab; max-width: $space-slab;
max-height: $space-slab;
} }
} }
</style> </style>

15
app/javascript/widget/components/ChatSendButton.vue
View file

@ -5,11 +5,11 @@
class="send-button" class="send-button"
@click="onClick" @click="onClick"
> >
<span <i
v-if="!loading" v-if="!loading"
:style="`background-color: ${color}`" class="ion-android-send icon-holder"
class="icon-holder" :style="`color: ${color}`"
></span> />
<spinner v-else size="small" /> <spinner v-else size="small" />
</button> </button>
</template> </template>
@ -57,13 +57,8 @@ export default {
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
fill: $color-white; font-size: $font-size-large;
font-size: $font-size-big;
font-weight: $font-weight-medium; font-weight: $font-weight-medium;
width: $space-two;
height: $space-two;
-webkit-mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.34 7.32l-14-7a3 3 0 00-4.08 3.9l2.4 5.37c.11.262.11.558 0 .82l-2.4 5.37A3 3 0 003 20a3.14 3.14 0 001.35-.32l14-7a3 3 0 000-5.36h-.01zm-.89 3.57l-14 7a1 1 0 01-1.35-1.3l2.39-5.37a2 2 0 00.08-.22h6.89a1 1 0 000-2H4.57a2 2 0 00-.08-.22L2.1 3.41a1 1 0 011.35-1.3l14 7a1 1 0 010 1.78z' fill='%23999A9B' fill-rule='nonzero'/%3E%3C/svg%3E");
mask-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='20' height='20' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.34 7.32l-14-7a3 3 0 00-4.08 3.9l2.4 5.37c.11.262.11.558 0 .82l-2.4 5.37A3 3 0 003 20a3.14 3.14 0 001.35-.32l14-7a3 3 0 000-5.36h-.01zm-.89 3.57l-14 7a1 1 0 01-1.35-1.3l2.39-5.37a2 2 0 00.08-.22h6.89a1 1 0 000-2H4.57a2 2 0 00-.08-.22L2.1 3.41a1 1 0 011.35-1.3l14 7a1 1 0 010 1.78z' fill='%23999A9B' fill-rule='nonzero'/%3E%3C/svg%3E");
} }
} }
</style> </style>