* Little Bug Fixes All Around
This commit is contained in:
		@@ -3,7 +3,7 @@
 | 
			
		||||
	<div 
 | 
			
		||||
		id="InputNotes" 
 | 
			
		||||
		class="master-note-edit" 
 | 
			
		||||
		@keyup.esc="close" 
 | 
			
		||||
		@keyup.esc="close()" 
 | 
			
		||||
		:class="[{ 'size-down':(sizeDown == true), 'full-focus':(fullFocusEditor) },  'position-'+position ]" 
 | 
			
		||||
		:style="{ 'background-color':styleObject['noteBackground'], 'color':styleObject['noteText']}"
 | 
			
		||||
	>
 | 
			
		||||
@@ -19,7 +19,7 @@
 | 
			
		||||
 | 
			
		||||
		<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" />
 | 
			
		||||
			
 | 
			
		||||
@@ -35,7 +35,7 @@
 | 
			
		||||
 | 
			
		||||
			<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" />
 | 
			
		||||
 | 
			
		||||
@@ -151,9 +151,9 @@
 | 
			
		||||
 | 
			
		||||
			<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 -->
 | 
			
		||||
				<nm-button
 | 
			
		||||
 
 | 
			
		||||
@@ -514,18 +514,18 @@
 | 
			
		||||
            linear-gradient(to right, #21BA45 50%, #21BA45 100%), /* BottomLeft to Right*/
 | 
			
		||||
            linear-gradient(to bottom, #21BA45 50%, #21BA45 100%); /* TopLeft to Bottom */
 | 
			
		||||
            /*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 */
 | 
			
		||||
	        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% {
 | 
			
		||||
	    	/*final state, all filled */
 | 
			
		||||
	        background-size: 100% 3px, 3px 100%, 100% 3px, 3px 100%;
 | 
			
		||||
	    }
 | 
			
		||||
	    45% {
 | 
			
		||||
	    	background-size: 100% 3px, 3px 100%, 100% 3px, 3px 100%;
 | 
			
		||||
	    	background-size: 100% 4px, 4px 100%, 100% 4px, 4px 100%;
 | 
			
		||||
	    	background-image:   
 | 
			
		||||
		    linear-gradient(to right, #21BA45 50%, #21BA45 100%), /* TopLeft to Right */
 | 
			
		||||
            linear-gradient(to bottom, #21BA45 50%, #21BA45 100%), /* TopRight to Bottom */
 | 
			
		||||
@@ -547,7 +547,7 @@
 | 
			
		||||
    background-repeat: no-repeat;
 | 
			
		||||
    background-size:    100% 0, 0 100%, 100% 0, 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>
 | 
			
		||||
@@ -4,11 +4,11 @@
 | 
			
		||||
		z-index: 1005;
 | 
			
		||||
		top: 42px;
 | 
			
		||||
		/*height: 100px;*/
 | 
			
		||||
		width: 415px;
 | 
			
		||||
		/*width: 415px;*/
 | 
			
		||||
		left: 0;
 | 
			
		||||
	}
 | 
			
		||||
	.colors-container {
 | 
			
		||||
		max-width: 400px;
 | 
			
		||||
		max-width: 370px;
 | 
			
		||||
	}
 | 
			
		||||
	.dot {
 | 
			
		||||
		display: inline-block;
 | 
			
		||||
@@ -29,12 +29,10 @@
 | 
			
		||||
		background-color: transparent;
 | 
			
		||||
		width: 100vw;
 | 
			
		||||
		height: 100vh;
 | 
			
		||||
		cursor: pointer;
 | 
			
		||||
	}
 | 
			
		||||
	@media only screen and (max-width: 740px) {
 | 
			
		||||
		.colors {
 | 
			
		||||
			position: fixed;
 | 
			
		||||
			width: 100%;
 | 
			
		||||
			left: 0;
 | 
			
		||||
			right: 0;
 | 
			
		||||
			top: 0;
 | 
			
		||||
 
 | 
			
		||||
@@ -217,10 +217,11 @@
 | 
			
		||||
			this.$store.dispatch('fetchAndUpdateUserTotals')
 | 
			
		||||
 | 
			
		||||
			this.$bus.$on('close_active_note', ({position, noteId, modified}) => {
 | 
			
		||||
 | 
			
		||||
				this.closeNote(position)
 | 
			
		||||
				this.$store.dispatch('fetchAndUpdateUserTotals')
 | 
			
		||||
				if(modified){
 | 
			
		||||
					this.updateSingleNote(noteId)
 | 
			
		||||
					this.updateSingleNote(parseInt(noteId))
 | 
			
		||||
				}
 | 
			
		||||
			})
 | 
			
		||||
 | 
			
		||||
 
 | 
			
		||||
		Reference in New Issue
	
	Block a user