morgan/chatgpt-web
1
0
Fork 0
mirror of https://github.com/morgan9e/chatgpt-web synced 2026-04-13 16:04:05 +09:00
Code Issues Packages Projects Releases Wiki Activity

Fix

Browse Source
This commit is contained in:
Morgan
2025-07-06 01:47:38 +09:00
parent 153fa0cdac
commit f72e9402ab
3 changed files with 33 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

69
src/app.scss
View File

@@ -1066,43 +1066,27 @@ aside.menu.main-menu .menu-expanse {
display: flex; display: flex;
align-items: center; align-items: center;
} }
}
.chat-option-menu-container-collapsed { .dropdown-trigger {
background: transparent; .button {
border: 1px solid rgba(255, 255, 255, 0.2); width: 28px !important;
color: #ffffff; height: 28px !important;
padding: 6px; padding: 0;
border-radius: 6px; background: transparent !important;
cursor: pointer; border: 1px solid rgba(255, 255, 255, 0.2) !important;
transition: all 0.2s ease; transition: all 0.2s ease;
display: flex; color: #ffffff !important;
align-items: center; cursor: pointer !important;
justify-content: center; border-radius: 6px !important;
width: 28px;
height: 28px;
flex-shrink: 0;
&:hover { &:hover {
background-color: rgba(255, 255, 255, 0.1); background-color: rgba(255, 255, 255, 0.1) !important;
border-color: rgba(255, 255, 255, 0.3); border-color: rgba(255, 255, 255, 0.3) !important;
} }
} }
} }
/* Chat option menu when collapsed */
.modern-sidebar .chat-option-menu-container-collapsed .dropdown .dropdown-menu {
top: 100% !important;
bottom: auto !important;
left: 0 !important;
right: auto !important;
min-width: 150px;
}
/* Chat List */ /* Chat List */
.modern-sidebar .chat-list { .modern-sidebar .chat-list {
flex: 1; flex: 1;
@@ -1137,7 +1121,7 @@ aside.menu.main-menu .menu-expanse {
.chat-menu-item { .chat-menu-item {
display: block; display: block;
padding: 12px 16px; padding: 8px 12px;
color: rgba(255, 255, 255, 0.8); color: rgba(255, 255, 255, 0.8);
text-decoration: none; text-decoration: none;
border-radius: 0; border-radius: 0;
@@ -1355,23 +1339,34 @@ aside.menu.main-menu .menu-expanse {
} }
} }
/* Fix dropdown positioning in header to prevent off-screen */ /* Chat option menu when collapsed */
.modern-sidebar .sidebar-header .dropdown .dropdown-menu { .modern-sidebar .chat-option-menu-container-collapsed .dropdown .dropdown-menu {
top: calc(100% + 8px) !important; top: calc(100% + 8px) !important;
bottom: auto !important; bottom: auto !important;
padding-top: 0; left: 0 !important;
padding-bottom: 0; right: auto !important;
min-width: 150px;
}
/* Fix dropdown positioning in header to prevent off-screen */
.modern-sidebar .dropdown .dropdown-menu {
padding-top: 0 !important;
padding-bottom: 0 !important;
} }
/* Ensure chat option menu dropdown is visible */ /* Ensure chat option menu dropdown is visible */
.modern-sidebar .chat-option-menu-container .dropdown .dropdown-menu { .modern-sidebar .chat-option-menu-container .dropdown .dropdown-menu {
top: 100% !important; top: calc(100% + 8px) !important;
bottom: auto !important; bottom: auto !important;
left: auto !important; left: 0 !important;
right: 0 !important; right: auto !important;
min-width: 150px; min-width: 150px;
} }
/* Footer dropdown positioning */ /* Footer dropdown positioning */
.modern-sidebar .sidebar-footer .dropdown .dropdown-menu { .modern-sidebar .sidebar-footer .dropdown .dropdown-menu {
bottom: 100% !important; bottom: 100% !important;

2
src/lib/ChatMenuItem.svelte
View File

@@ -95,7 +95,7 @@
<a class="is-pulled-right is-hidden px-1 py-0 has-text-weight-bold edit-button" href={'$'} on:click|preventDefault={() => edit()}><Fa icon={faPencil} /></a> <a class="is-pulled-right is-hidden px-1 py-0 has-text-weight-bold edit-button" href={'$'} on:click|preventDefault={() => edit()}><Fa icon={faPencil} /></a>
<a class="is-pulled-right is-hidden px-1 py-0 has-text-weight-bold delete-button" href={'$'} on:click|preventDefault={() => delChat()}><Fa icon={faTrash} /></a> <a class="is-pulled-right is-hidden px-1 py-0 has-text-weight-bold delete-button" href={'$'} on:click|preventDefault={() => delChat()}><Fa icon={faTrash} /></a>
{/if} {/if}
<span class="chat-item-name"><Fa class="mr-2 chat-icon" size="xs" icon="{faMessage}"/>{chat.name || `New Chat`}</span> <span class="chat-item-name">{chat.name || `New Chat`}</span>
</a> </a>
{/if} {/if}
</li> </li>

7
src/lib/ChatOptionMenu.svelte
View File

@@ -229,19 +229,12 @@
<div class="dropdown {style}" class:is-active={showChatMenu} use:clickOutside={() => { showChatMenu = false }}> <div class="dropdown {style}" class:is-active={showChatMenu} use:clickOutside={() => { showChatMenu = false }}>
<div class="dropdown-trigger"> <div class="dropdown-trigger">
{#if !sidebarCollapsed }
<button class="button is-ghost default-text" aria-haspopup="true" <button class="button is-ghost default-text" aria-haspopup="true"
aria-controls="dropdown-menu3" aria-controls="dropdown-menu3"
on:click|preventDefault|stopPropagation={() => { showChatMenu = !showChatMenu }} on:click|preventDefault|stopPropagation={() => { showChatMenu = !showChatMenu }}
> >
<span class="icon "><Fa icon={faEllipsis}/></span> <span class="icon "><Fa icon={faEllipsis}/></span>
</button> </button>
{:else}
<div class="icon" aria-controls="dropdown-menu3"
on:click|preventDefault|stopPropagation={() => { showChatMenu = !showChatMenu }}
>
<Fa icon={faEllipsis}/></div>
{/if}
</div> </div>
<div class="dropdown-menu" id="dropdown-menu3" role="menu"> <div class="dropdown-menu" id="dropdown-menu3" role="menu">
<div class="dropdown-content"> <div class="dropdown-content">