okseby/orchard
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #149 from cyraki/main

Browse source 
Minor UX Improvements: Context Menu Position and Album Hitbox
This commit is contained in:
cryptofyre 2022-01-18 18:48:17 -06:00 • committed by GitHub
commit 98c1a05aee
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

3
src/renderer/views/components/mediaitem-square.ejs
View file

@ -2,8 +2,7 @@
<div tabindex="0" <div tabindex="0"
class="cd-mediaitem-square" :class="getClasses()" @contextmenu="contextMenu" class="cd-mediaitem-square" :class="getClasses()" @contextmenu="contextMenu"
v-observe-visibility="{callback: visibilityChanged}" v-observe-visibility="{callback: visibilityChanged}"
:style="{'--spcolor': getBgColor()}" :style="{'--spcolor': getBgColor()}">
@click.self='app.routeView(item)'>
<template v-if="isVisible"> <template v-if="isVisible">
<div class="artwork-container"> <div class="artwork-container">
<div class="artwork" @click='app.routeView(item)'> <div class="artwork" @click='app.routeView(item)'>

4
src/renderer/views/components/menu-panel.ejs
View file

@ -72,10 +72,10 @@
style["top"] = this.event.clientY + "px"; style["top"] = this.event.clientY + "px";
// make sure the menu panel isnt off the screen // make sure the menu panel isnt off the screen
if (this.event.clientX + this.size[0] > window.innerWidth) { if (this.event.clientX + this.size[0] > window.innerWidth) {
style["left"] = (window.innerWidth - this.size[0]) + "px"; style["left"] = (this.event.clientX - this.size[0]) + "px";
} }
if (this.event.clientY + this.size[1] > window.innerHeight) { if (this.event.clientY + this.size[1] > window.innerHeight) {
style["top"] = (window.innerHeight - this.size[1]) + "px"; style["top"] = (this.event.clientY - this.size[1]) + "px";
} }
} }
return style return style