scottk/chatwoot
1
0
Fork 0
mirror of https://github.com/lingble/chatwoot.git synced 2025-11-02 03:57:52 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix: Truncate overflowing dashboard apps text (#5221)

Browse Source 
* Truncate overflowing text

* Update app/javascript/dashboard/routes/dashboard/settings/integrations/DashboardApps/DashboardAppsRow.vue

Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>

* Fix overflowing content

* Reviwe changes

Co-authored-by: Sivin Varghese <64252451+iamsivin@users.noreply.github.com>
This commit is contained in:
Fayaz Ahmed
2022-08-16 16:37:52 +05:30
committed by GitHub
parent 3cb72242de
commit 287f0a6de0
1 changed files with 24 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
app/javascript/dashboard/routes/dashboard/settings/integrations/DashboardApps/DashboardAppsRow.vue
View File

@@ -1,7 +1,13 @@
<template>
<tr>
<td>{{ app.title }}</td>
<td>{{ app.content[0].url }}</td>
<td>
{{ app.title }}
</td>
<td class="dashboard-app-label-url">
<span class="text-truncate">
{{ app.content[0].url }}
</span>
</td>
<td class="button-wrapper">
<woot-button
v-tooltip.top="
@@ -43,3 +49,19 @@ export default {
},
};
</script>
<style lang="scss" scoped>
.dashboard-app-label-url {
position: relative;
width: 50%;
&:before {
content: '&nbsp;';
visibility: hidden;
}
span {
position: absolute;
left: 0;
right: 0;
}
}
</style>