From 790352da34f97f553743f87035270682222b47bd Mon Sep 17 00:00:00 2001 From: Matthieu Evrin <6630779+lekaf974@users.noreply.github.com> Date: Mon, 1 Sep 2025 17:52:14 -0400 Subject: [PATCH 1/6] fix(item): remove line break in Items label in location view (#975) fix: prevent items word wrapped in firefox Signed-off-by: lekaf974 --- frontend/assets/css/main.css | 28 ++++++++++++++++ frontend/components/Item/View/Selectable.vue | 2 +- .../global/DetailsSection/DetailsSection.vue | 32 ------------------- 3 files changed, 29 insertions(+), 33 deletions(-) diff --git a/frontend/assets/css/main.css b/frontend/assets/css/main.css index 87b6ac6a..917afa20 100644 --- a/frontend/assets/css/main.css +++ b/frontend/assets/css/main.css @@ -1046,4 +1046,32 @@ :root { --header-height: 4rem; --header-height-mobile: 7rem; +} + +/* Non-scoped styles for regular text */ +.break-all { + word-break: break-all; + max-width: 100%; +} + +/* Handle very long words */ +pre, +code, +a, +p, +span, +div, +td, +th, +li, +blockquote, +h1, +h2, +h3, +h4, +h5, +h6 { + overflow-wrap: anywhere; + word-break: normal; + hyphens: auto; } \ No newline at end of file diff --git a/frontend/components/Item/View/Selectable.vue b/frontend/components/Item/View/Selectable.vue index 559c294c..ab056e8c 100644 --- a/frontend/components/Item/View/Selectable.vue +++ b/frontend/components/Item/View/Selectable.vue @@ -30,7 +30,7 @@ diff --git a/frontend/components/Location/CreateModal.vue b/frontend/components/Location/CreateModal.vue index a03abb9a..b8ad5c39 100644 --- a/frontend/components/Location/CreateModal.vue +++ b/frontend/components/Location/CreateModal.vue @@ -37,6 +37,9 @@ import BaseModal from "@/components/App/CreateModal.vue"; import type { LocationSummary } from "~~/lib/api/types/data-contracts"; import { useDialog, useDialogHotkey } from "~/components/ui/dialog-provider"; + import LocationSelector from "~/components/Location/Selector.vue"; + import FormTextField from "~/components/Form/TextField.vue"; + import FormTextArea from "~/components/Form/TextArea.vue"; const { t } = useI18n(); @@ -94,7 +97,7 @@ } loading.value = true; - if (shift.value) close = false; + if (shift?.value) close = false; const { data, error } = await api.locations.create({ name: form.name, diff --git a/frontend/components/Location/Tree/Node.vue b/frontend/components/Location/Tree/Node.vue index cdce9aeb..6dd2a98c 100644 --- a/frontend/components/Location/Tree/Node.vue +++ b/frontend/components/Location/Tree/Node.vue @@ -4,6 +4,7 @@ import MdiChevronRight from "~icons/mdi/chevron-right"; import MdiMapMarker from "~icons/mdi/map-marker"; import MdiPackageVariant from "~icons/mdi/package-variant"; + import LocationTreeNode from "./Node.vue"; type Props = { treeId: string; @@ -51,7 +52,7 @@ 'hover:bg-accent hover:text-accent-foreground': hasChildren, }" > -
+
import type { TreeItem } from "~~/lib/api/types/data-contracts"; + import LocationTreeNode from "./Node.vue"; type Props = { locs: TreeItem[]; diff --git a/frontend/components/Maintenance/EditModal.vue b/frontend/components/Maintenance/EditModal.vue index 37d48570..406e5653 100644 --- a/frontend/components/Maintenance/EditModal.vue +++ b/frontend/components/Maintenance/EditModal.vue @@ -34,6 +34,9 @@ import DatePicker from "~~/components/Form/DatePicker.vue"; import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "@/components/ui/dialog"; import { useDialog } from "@/components/ui/dialog-provider"; + import FormTextField from "~/components/Form/TextField.vue"; + import FormTextArea from "~/components/Form/TextArea.vue"; + import Button from "@/components/ui/button/Button.vue"; const { openDialog, closeDialog } = useDialog(); diff --git a/frontend/components/Maintenance/ListView.vue b/frontend/components/Maintenance/ListView.vue index bd1590f2..ab1aee46 100644 --- a/frontend/components/Maintenance/ListView.vue +++ b/frontend/components/Maintenance/ListView.vue @@ -11,9 +11,15 @@ import MdiWrenchClock from "~icons/mdi/wrench-clock"; import MdiContentDuplicate from "~icons/mdi/content-duplicate"; import MaintenanceEditModal from "~~/components/Maintenance/EditModal.vue"; - import { Tooltip, TooltipContent, TooltipTrigger, TooltipProvider } from "@/components/ui/tooltip"; + import { Tooltip, TooltipContent, TooltipProvider, TooltipTrigger } from "@/components/ui/tooltip"; import { Badge } from "@/components/ui/badge"; - import { ButtonGroup, Button } from "@/components/ui/button"; + import { Button, ButtonGroup } from "@/components/ui/button"; + import StatCard from "~/components/global/StatCard/StatCard.vue"; + import BaseCard from "@/components/Base/Card.vue"; + import BaseSectionHeader from "@/components/Base/SectionHeader.vue"; + import DateTime from "~/components/global/DateTime.vue"; + import Currency from "~/components/global/Currency.vue"; + import Markdown from "~/components/global/Markdown.vue"; const maintenanceFilterStatus = ref(MaintenanceFilterStatus.MaintenanceFilterStatusScheduled); const maintenanceEditModal = ref>(); @@ -125,7 +131,7 @@
- +
diff --git a/frontend/components/ModalConfirm.vue b/frontend/components/ModalConfirm.vue index 5162c967..9ef90ba2 100644 --- a/frontend/components/ModalConfirm.vue +++ b/frontend/components/ModalConfirm.vue @@ -19,6 +19,16 @@