* Little Bug Fixes All Around
This commit is contained in:
parent
71f909fb76
commit
d91b0735fd
@ -3,7 +3,7 @@
|
|||||||
<div
|
<div
|
||||||
id="InputNotes"
|
id="InputNotes"
|
||||||
class="master-note-edit"
|
class="master-note-edit"
|
||||||
@keyup.esc="close"
|
@keyup.esc="close()"
|
||||||
:class="[{ 'size-down':(sizeDown == true), 'full-focus':(fullFocusEditor) }, 'position-'+position ]"
|
:class="[{ 'size-down':(sizeDown == true), 'full-focus':(fullFocusEditor) }, 'position-'+position ]"
|
||||||
:style="{ 'background-color':styleObject['noteBackground'], 'color':styleObject['noteText']}"
|
:style="{ 'background-color':styleObject['noteBackground'], 'color':styleObject['noteText']}"
|
||||||
>
|
>
|
||||||
@ -19,7 +19,7 @@
|
|||||||
|
|
||||||
<div class="note-menu">
|
<div class="note-menu">
|
||||||
|
|
||||||
<nm-button tip="Close" bottom-tip="true" v-on:click.native="close" icon="close" />
|
<nm-button tip="Close" bottom-tip="true" v-on:click.native="close()" icon="close" />
|
||||||
|
|
||||||
<nm-button tip="Text Color" bottom-tip="true" icon="palette icon" v-on:click.native="colorpicker = true" />
|
<nm-button tip="Text Color" bottom-tip="true" icon="palette icon" v-on:click.native="colorpicker = true" />
|
||||||
|
|
||||||
@ -35,7 +35,7 @@
|
|||||||
|
|
||||||
<nm-button tip="Remove Formatting" bottom-tip="true" v-on:click.native="removeFormatting()" icon="remove format icon" />
|
<nm-button tip="Remove Formatting" bottom-tip="true" v-on:click.native="removeFormatting()" icon="remove format icon" />
|
||||||
|
|
||||||
<nm-button v-on:click.native="undoCustom()" icon="undo" bottom-tip="true" tip="Undo" text="Undo" />
|
<nm-button v-on:click.native="undoCustom()" icon="undo" bottom-tip="true" tip="Undo" />
|
||||||
|
|
||||||
<nm-button tip="Users on Note" bottom-tip="true" v-if="usersOnNote > 1" icon="green user circle" />
|
<nm-button tip="Users on Note" bottom-tip="true" v-if="usersOnNote > 1" icon="green user circle" />
|
||||||
|
|
||||||
@ -151,9 +151,9 @@
|
|||||||
|
|
||||||
<div class="note-menu shrink-icons-on-mobile">
|
<div class="note-menu shrink-icons-on-mobile">
|
||||||
|
|
||||||
<nm-button tip="Task List" v-on:click.native="toggleList('ul')" icon="tasks" />
|
<nm-button tip="Task List" v-on:click.native="toggleList('ul')" icon="tasks" text="Check" />
|
||||||
|
|
||||||
<nm-button tip="Numbered List" v-on:click.native="toggleList('ol')" icon="list ol" />
|
<nm-button tip="Numbered List" v-on:click.native="toggleList('ol')" icon="list ol" text="List"/>
|
||||||
|
|
||||||
<!-- colors button -->
|
<!-- colors button -->
|
||||||
<nm-button
|
<nm-button
|
||||||
|
@ -514,18 +514,18 @@
|
|||||||
linear-gradient(to right, #21BA45 50%, #21BA45 100%), /* BottomLeft to Right*/
|
linear-gradient(to right, #21BA45 50%, #21BA45 100%), /* BottomLeft to Right*/
|
||||||
linear-gradient(to bottom, #21BA45 50%, #21BA45 100%); /* TopLeft to Bottom */
|
linear-gradient(to bottom, #21BA45 50%, #21BA45 100%); /* TopLeft to Bottom */
|
||||||
/*Initial state, no BG*/
|
/*Initial state, no BG*/
|
||||||
background-size: 0 3px, 3px 0, 0 3px, 3px 0;
|
background-size: 0 4px, 4px 0, 0 4px, 4px 0;
|
||||||
}
|
}
|
||||||
15% {
|
10% {
|
||||||
/*Middre state, some filled */
|
/*Middre state, some filled */
|
||||||
background-size: 100% 3px, 3px 0, 100% 3px, 3px 0;
|
background-size: 100% 4px, 4px 0, 100% 4px, 4px 0;
|
||||||
|
}
|
||||||
|
20% {
|
||||||
|
/*final state, all filled */
|
||||||
|
background-size: 100% 4px, 4px 100%, 100% 4px, 4px 100%;
|
||||||
}
|
}
|
||||||
30% {
|
30% {
|
||||||
/*final state, all filled */
|
background-size: 100% 4px, 4px 100%, 100% 4px, 4px 100%;
|
||||||
background-size: 100% 3px, 3px 100%, 100% 3px, 3px 100%;
|
|
||||||
}
|
|
||||||
45% {
|
|
||||||
background-size: 100% 3px, 3px 100%, 100% 3px, 3px 100%;
|
|
||||||
background-image:
|
background-image:
|
||||||
linear-gradient(to right, #21BA45 50%, #21BA45 100%), /* TopLeft to Right */
|
linear-gradient(to right, #21BA45 50%, #21BA45 100%), /* TopLeft to Right */
|
||||||
linear-gradient(to bottom, #21BA45 50%, #21BA45 100%), /* TopRight to Bottom */
|
linear-gradient(to bottom, #21BA45 50%, #21BA45 100%), /* TopRight to Bottom */
|
||||||
@ -547,7 +547,7 @@
|
|||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size: 100% 0, 0 100%, 100% 0, 0 100%;
|
background-size: 100% 0, 0 100%, 100% 0, 0 100%;
|
||||||
background-position: 0 0, 100% 0, 100% 100%, 0 100%;
|
background-position: 0 0, 100% 0, 100% 100%, 0 100%;
|
||||||
animation: bgin 2s cubic-bezier(0.19, 1, 0.22, 1) 1;
|
animation: bgin 4s cubic-bezier(0.19, 1, 0.22, 1) 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
@ -4,11 +4,11 @@
|
|||||||
z-index: 1005;
|
z-index: 1005;
|
||||||
top: 42px;
|
top: 42px;
|
||||||
/*height: 100px;*/
|
/*height: 100px;*/
|
||||||
width: 415px;
|
/*width: 415px;*/
|
||||||
left: 0;
|
left: 0;
|
||||||
}
|
}
|
||||||
.colors-container {
|
.colors-container {
|
||||||
max-width: 400px;
|
max-width: 370px;
|
||||||
}
|
}
|
||||||
.dot {
|
.dot {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
@ -29,12 +29,10 @@
|
|||||||
background-color: transparent;
|
background-color: transparent;
|
||||||
width: 100vw;
|
width: 100vw;
|
||||||
height: 100vh;
|
height: 100vh;
|
||||||
cursor: pointer;
|
|
||||||
}
|
}
|
||||||
@media only screen and (max-width: 740px) {
|
@media only screen and (max-width: 740px) {
|
||||||
.colors {
|
.colors {
|
||||||
position: fixed;
|
position: fixed;
|
||||||
width: 100%;
|
|
||||||
left: 0;
|
left: 0;
|
||||||
right: 0;
|
right: 0;
|
||||||
top: 0;
|
top: 0;
|
||||||
|
@ -217,10 +217,11 @@
|
|||||||
this.$store.dispatch('fetchAndUpdateUserTotals')
|
this.$store.dispatch('fetchAndUpdateUserTotals')
|
||||||
|
|
||||||
this.$bus.$on('close_active_note', ({position, noteId, modified}) => {
|
this.$bus.$on('close_active_note', ({position, noteId, modified}) => {
|
||||||
|
|
||||||
this.closeNote(position)
|
this.closeNote(position)
|
||||||
this.$store.dispatch('fetchAndUpdateUserTotals')
|
this.$store.dispatch('fetchAndUpdateUserTotals')
|
||||||
if(modified){
|
if(modified){
|
||||||
this.updateSingleNote(noteId)
|
this.updateSingleNote(parseInt(noteId))
|
||||||
}
|
}
|
||||||
})
|
})
|
||||||
|
|
||||||
|
Loading…
Reference in New Issue
Block a user