17th-Ranger-Battalion-ORG/milsim-site-v4
8
1
Fork 0
Code Issues 22 Pull Requests 1 Actions 2 Packages Projects Releases Wiki Activity

fixed text handling on excessively long titles

Browse Source
This commit is contained in:
ajdj100
2025-11-23 18:43:38 -05:00
parent 531371d059
commit 658980d9fe
1 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
ui/src/pages/Calendar.vue
View File

@@ -266,11 +266,11 @@ onMounted(() => {
:style="{ height: 'calc(100vh - 61px)', position: 'sticky', top: '64px' }"> :style="{ height: 'calc(100vh - 61px)', position: 'sticky', top: '64px' }">
<!-- Header --> <!-- Header -->
<div class="flex items-center justify-between gap-3 border-b px-4 py-3"> <div class="flex items-center justify-between gap-3 border-b px-4 py-3">
<h2 class="text-lg font-semibold line-clamp-2"> <h2 class="text-lg font-semibold break-all">
{{ activeEvent?.name || 'Event' }} {{ activeEvent?.name || 'Event' }}
</h2> </h2>
<button <button
class="inline-flex size-8 items-center justify-center rounded-md border hover:bg-muted/40 transition" class="inline-flex flex-none size-8 items-center justify-center rounded-md border hover:bg-muted/40 transition"
aria-label="Close" @click="panelOpen = false"> aria-label="Close" @click="panelOpen = false">
<X class="size-4" /> <X class="size-4" />
</button> </button>
@@ -294,7 +294,7 @@ onMounted(() => {
<span <span
class="inline-flex items-center gap-1.5 rounded-md border px-2 py-1 text-xs"> class="inline-flex items-center gap-1.5 rounded-md border px-2 py-1 text-xs">
<User class="size-3.5 opacity-80" /> <User class="size-3.5 opacity-80" />
<span class="font-medium">Owner: {{ activeEvent.creator_name || "Unknown User" }}</span> <span class="font-medium">Created by: {{ activeEvent.creator_name || "Unknown User" }}</span>
</span> </span>
</section> </section>
<!-- Agenda (special-cased array) --> <!-- Agenda (special-cased array) -->
@@ -377,6 +377,8 @@ onMounted(() => {
/* no internal scroll for month grid */ /* no internal scroll for month grid */
} }
/* Subtle borders everywhere */ /* Subtle borders everywhere */
:global(.fc .fc-scrollgrid), :global(.fc .fc-scrollgrid),
:global(.fc .fc-scrollgrid td), :global(.fc .fc-scrollgrid td),