jsnbuchanan/crowd-funder-for-time-pwa
1
0
Fork 1
forked from trent_larson/crowd-funder-for-time-pwa
Code Issues Pull Requests Projects Releases Wiki Activity

fix any error messages with words that are too long and push the "X" off the page

Browse Source
This commit is contained in:
Trent Larson
2025-01-04 18:19:25 -07:00
parent f405e7d02f
commit defbef736f
2 changed files with 12 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/App.vue
View File

@@ -45,7 +45,7 @@
<div class="relative w-full pl-4 pr-8 py-2 text-slate-900"> <div class="relative w-full pl-4 pr-8 py-2 text-slate-900">
<span class="font-semibold">{{ notification.title }}</span> <span class="font-semibold">{{ notification.title }}</span>
<p class="text-sm">{{ notification.text }}</p> <p class="text-sm">{{ truncateLongWords(notification.text) }}</p>
<button <button
@click="close(notification.id)" @click="close(notification.id)"
@@ -68,7 +68,7 @@
<div class="relative w-full pl-4 pr-8 py-2 text-emerald-900"> <div class="relative w-full pl-4 pr-8 py-2 text-emerald-900">
<span class="font-semibold">{{ notification.title }}</span> <span class="font-semibold">{{ notification.title }}</span>
<p class="text-sm">{{ notification.text }}</p> <p class="text-sm">{{ truncateLongWords(notification.text) }}</p>
<button <button
@click="close(notification.id)" @click="close(notification.id)"
@@ -91,7 +91,7 @@
<div class="relative w-full pl-4 pr-8 py-2 text-amber-900"> <div class="relative w-full pl-4 pr-8 py-2 text-amber-900">
<span class="font-semibold">{{ notification.title }}</span> <span class="font-semibold">{{ notification.title }}</span>
<p class="text-sm">{{ notification.text }}</p> <p class="text-sm">{{ truncateLongWords(notification.text) }}</p>
<button <button
@click="close(notification.id)" @click="close(notification.id)"
@@ -114,7 +114,7 @@
<div class="relative w-full pl-4 pr-8 py-2 text-rose-900"> <div class="relative w-full pl-4 pr-8 py-2 text-rose-900">
<span class="font-semibold">{{ notification.title }}</span> <span class="font-semibold">{{ notification.title }}</span>
<p class="text-sm">{{ notification.text }}</p> <p class="text-sm">{{ truncateLongWords(notification.text) }}</p>
<button <button
@click="close(notification.id)" @click="close(notification.id)"
@@ -329,6 +329,13 @@ export default class App extends Vue {
stopAsking = false; stopAsking = false;
truncateLongWords(sentence: string) {
return sentence
.split(" ")
.map(word => (word.length > 30 ? word.slice(0, 30) + "..." : word))
.join(" ");
}
async turnOffNotifications(notification: NotificationIface) { async turnOffNotifications(notification: NotificationIface) {
let subscription: object | null = null; let subscription: object | null = null;

2
src/views/ContactEditView.vue
View File

@@ -103,7 +103,7 @@ export default class ContactEditView extends Vue {
group: "alert", group: "alert",
type: "danger", type: "danger",
title: "Contact Not Found", title: "Contact Not Found",
text: "There is no contact with that DID.", text: "There is no contact with DID " + contactDid,
}); });
(this.$router as Router).push({ path: "/contacts" }); (this.$router as Router).push({ path: "/contacts" });
return; return;