github/directus
1
0
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-02-18 13:21:28 -05:00
Code Issues Packages Projects Releases Wiki Activity

margin, padding, size, and color tweaks (#374)

Browse Source 
* margin, padding, size, and color tweaks

* Remove commented out code

* Use pointer-events instead of double click event

* Use v-deep for v-sheet in v-dialog

* Add newline

* Fix stylelint complaint

* Fix tests

Co-authored-by: rijkvanzanten <rijkvanzanten@me.com>
This commit is contained in:
Ben Haynes
2020-04-09 19:27:07 -04:00
committed by GitHub
parent 7485a97a3b
commit 7c0976441d
28 changed files with 100 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/v-menu/use-popper.ts
View File

@@ -56,7 +56,7 @@ export function usePopper(
{
...offset,
options: {
offset: options.value.attached ? [0, -2] : [0, 8],
offset: options.value.attached ? [0, 0] : [0, 8],
},
},
preventOverflow,

14
src/components/v-menu/v-menu.vue
View File

@@ -153,12 +153,22 @@ export default defineComponent({
.v-menu-activator {
display: contents;
&::before {
position: absolute;
top: 0;
right: 0;
width: 2px;
height: 2px;
background: var(--border-normal);
content: '';
}
}
.v-menu-popper {
position: absolute;
left: -999px;
z-index: 5;
transform: translateY(2px);
pointer-events: none;
&.active {
@@ -206,6 +216,7 @@ export default defineComponent({
.v-menu-content {
max-height: 50vh;
padding: 0 4px;
overflow-x: hidden;
overflow-y: auto;
background-color: var(--background-subdued);
@@ -287,11 +298,12 @@ export default defineComponent({
transform: scaleY(1) scaleX(1);
opacity: 1;
transition-timing-function: cubic-bezier(0, 0, 0.2, 1.5);
transition-duration: var(--medium);
transition-duration: var(--fast);
}
&.attached {
.v-menu-content {
border-top: none;
border-top-left-radius: 0;
border-top-right-radius: 0;
}