github_mirrors/puter
1
0
Fork 0
mirror of https://github.com/HeyPuter/puter.git synced 2025-01-24 23:38:40 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix: issue with context menu divider item stealing the event from previous item

Browse Source
This commit is contained in:
jelveh 2024-11-02 18:54:30 -07:00
parent 0315cb3337
commit 121043d312
2 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/gui/src/UI/UIContextMenu.js
View File

@ -501,7 +501,7 @@ function UIContextMenu(options){
} }
// divider // divider
else if(options.items[i].is_divider || options.items[i] === '-') else if(options.items[i].is_divider || options.items[i] === '-')
h += `<li class="context-menu-divider"><hr></li>`; h += `<li class="context-menu-item context-menu-divider"><hr></li>`;
} }
h += `</div>` h += `</div>`
$('body').append(h) $('body').append(h)

13
src/gui/src/css/style.css
View File

@ -1561,13 +1561,17 @@ span.header-sort-icon img {
} }
.context-menu .context-menu-divider>hr { .context-menu .context-menu-divider>hr {
margin-top: 5px; margin-top: 0;
margin-bottom: 5px; margin-bottom: 0;
border-bottom: none; border-bottom: none;
border-top: 1px solid #00000033; border-top: 1px solid #00000033;
} }
.context-menu .context-menu-divider{
padding-top: 5px;
padding-bottom: 5px;
}
.context-menu .context-menu-item { .context-menu .context-menu-item:not(.context-menu-divider) {
padding: 5px; padding: 5px;
list-style-type: none; list-style-type: none;
user-select: none; user-select: none;
@ -1623,7 +1627,7 @@ span.header-sort-icon img {
background-color: #dfdfdf; background-color: #dfdfdf;
} }
.context-menu .context-menu-item-active { .context-menu .context-menu-item-active:not(.context-menu-divider) {
background-color: var(--select-color); background-color: var(--select-color);
color: white; color: white;
} }
@ -1632,7 +1636,6 @@ span.header-sort-icon img {
background-color: rgb(199, 205, 212); background-color: rgb(199, 205, 212);
color: initial; color: initial;
border-radius: 4px; border-radius: 4px;
} }
.context-menu .context-menu-item-disabled, .context-menu .context-menu-item-disabled:hover { .context-menu .context-menu-item-disabled, .context-menu .context-menu-item-disabled:hover {