Skip to content

Commit

Permalink
Merge pull request #256 from JasonReed-2/ChatOverflow
Browse files Browse the repository at this point in the history
Add horizontal scrolling to the DM tabs
  • Loading branch information
Jazcash authored Oct 18, 2023
2 parents 6b9d370 + 27d5fec commit f5d0eaa
Showing 1 changed file with 13 additions and 1 deletion.
14 changes: 13 additions & 1 deletion src/renderer/components/navbar/Messages.vue
Original file line number Diff line number Diff line change
Expand Up @@ -3,7 +3,7 @@
<TabView v-model:activeIndex="activeTabIndex" class="messages-tabview">
<TabPanel v-for="[userId, messages] of directMessages" :key="userId">
<template #header>
<div class="flex-row">
<div class="tab-header">
<div>{{ getUsername(userId) }}</div>
<div class="flex-row close" @click="close(userId)">
<Icon :icon="closeThick" />
Expand Down Expand Up @@ -162,6 +162,15 @@ function close(userId: number) {
flex-grow: 1;
padding: 0 !important;
}
:deep(.p-tabview-header) {
flex-shrink: 0;
}
:deep(.p-tabview-nav) {
overflow-x: auto;
}
:deep(.p-tabview-header-action) {
overflow: unset;
}
Expand Down Expand Up @@ -210,4 +219,7 @@ function close(userId: number) {
opacity: 1;
}
}
.tab-header {
min-width: 100px;
}
</style>

0 comments on commit f5d0eaa

Please sign in to comment.