gorb/frontend
4
0
Fork 0
Code Issues 15 Pull requests 7 Projects Releases Packages 1 Wiki Activity Actions

Make context menu look nicer and handle rendering using v-if #58

Merged
sauceyred merged 12 commits from improved-context-menu into main 2025-08-04 01:55:47 +00:00
Conversation 2 Commits 12 Files changed 12 +19 -4
2 changed files with 19 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files
Showing only changes of commit 033522c372 - Show all commits

22
components/UserInterface/ContextMenu.vue
View file

@ -34,10 +34,24 @@ function runCallback(item: ContextMenuItem) {
position: absolute; position: absolute;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
width: 10dvw; width: 10rem;
border: .15rem solid cyan; border: .1rem solid var(--reply-text-color);
background-color: var(--background-color); background-color: var(--sidebar-highlighted-background-color);
text-align: center; text-align: left;
}
.context-menu-item {
display: flex;
align-items: center;
justify-content: space-between;
height: 2rem;
width: 100%;
color: var(--text-color);
background-color: var(--sidebar-highlighted-background-color);
border: none;
text-align: left;
padding-left: 1rem;
padding-right: 1rem;
} }
.context-menu-item:hover { .context-menu-item:hover {

1
types/interfaces.ts
View file

@ -101,6 +101,7 @@ export interface ModalProps {
export interface ContextMenuItem { export interface ContextMenuItem {
name: string, name: string,
icon?: string,
callback: (...args: any[]) => any; callback: (...args: any[]) => any;
} }