mirrors/vue-context
2
0
Fork 0
mirror of https://github.com/tenrok/vue-context.git synced 2026-06-16 23:40:32 +03:00
Code Activity

Release/v5 (#43)

Browse Source
This commit is contained in:
Randall Wilk
2019-11-14 13:38:00 -06:00
committed by GitHub
parent 39adea968a
commit a799c3788a
17 changed files with 303 additions and 356 deletions
Download Patch File Download Diff File Expand all files Collapse all files
test/index.html
+58 -1
View File
@@ -27,12 +27,69 @@
Do something
</a>
</li>
<li>
<li class="v-context__sub">
<a href="#" class="v-context-item"
@click.prevent="onClick('item 2')"
>
Do something else
</a>
<ul class="v-context">
<li tabindex="0">
<a href="#" class="v-context-item"
@click.prevent="onClick('sub item 1')"
>
Submenu
</a>
</li>
<li class="v-context__sub">
<a href="#" class="v-context-item"
@click.prevent="onClick('sub item 2')"
>
Submenu next
</a>
<ul class="v-context">
<li tabindex="0">
<a href="#" class="v-context-item"
@click.prevent="onClick('sub sub item 1')"
>
We need to go deeper
</a>
</li>
<li tabindex="0">
<a href="#" class="v-context-item"
@click.prevent="onClick('sub sub item 2')"
>
double nested Submenu
</a>
</li>
</ul>
</li>
<li>
<a href="#" class="v-context-item"
@click.prevent="onClick('sub item 3')"
>
Submenu next
</a>
</li>
<li class="v-context__sub">
<a href="#" class="v-context-item"
@click.prevent="onClick('sub item 4')"
>
second nested Submenu
</a>
<ul class="v-context">
<li tabindex="0">
<a href="#" class="v-context-item"
@click.prevent="onClick('sub sub item 3')"
>
sub sub
</a>
</li>
</ul>
</li>
</ul>
</li>
<li>
<a href="#" class="v-context-item"
test/js/dist/index.css
Vendored
-46
View File
@@ -1,46 +0,0 @@
.v-context {
background-color: #fff;
background-clip: padding-box;
border-radius: 0.25rem;
border: 1px solid rgba(0, 0, 0, 0.15);
box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
display: block;
margin: 0;
padding: 10px 0;
min-width: 10rem;
z-index: 1500;
position: fixed;
list-style: none;
box-sizing: border-box;
}
.v-context > li {
margin: 0;
}
.v-context > li > a {
display: block;
padding: 0.5rem 1.5rem;
font-weight: 400;
color: #212529;
text-decoration: none;
white-space: nowrap;
background-color: transparent;
border: 0;
}
.v-context > li > a:hover,
.v-context > li > a:focus {
text-decoration: none;
color: #212529;
background-color: #f8f9fa;
}
.v-context > li > a:focus {
outline: 0;
}
.v-context:focus {
outline: 0;
}
test/js/dist/index.js
Vendored
-214
View File
File diff suppressed because one or more lines are too long
test/js/src/index.js
+1 -2
View File
@@ -1,6 +1,5 @@
import Vue from 'vue';
// import { VueContext } from '../../../src/js/index';
import { VueContext } from '../../../dist/js/vue-context';
import VueContext from '../../../src/js/index';
new Vue({
components: {