Release 1.0.17

README.md

@@ -25,9 +25,9 @@ RememberLi supports the following markups that make it easy for you to organize
 5. ->: Create an arrow
 
 ## Download
-Windows [Download](https://github.com/KlausSchaefers/rememberli/releases/download/v1.0.15/RememberLi-Setup-1.0.15.exe)
+Windows [Download](https://github.com/KlausSchaefers/rememberli/releases/download/v1.0.17/RememberLi-Setup-1.0.17.exe)
 
-Mac [Download](https://github.com/KlausSchaefers/rememberli/releases/download/v1.0.15/RememberLi-1.0.15.dmg)
+Mac [Download](https://github.com/KlausSchaefers/rememberli/releases/download/v1.0.17/RememberLi-1.0.17.dmg)
 
 Linux - Snapp [Download](https://github.com/KlausSchaefers/rememberli/releases/download/v1.0.13/RememberLi_1.0.13_amd64.snap)
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "RememberLi",
-  "version": "1.0.15",
+  "version": "1.0.17",
   "private": true,
   "repository": {
     "type": "git",

src/components/Note.vue

@@ -393,11 +393,9 @@ export default {
         this.insertAtCursor("\t")
         return
       }
-      // FIXME: add for enter insertDimatCursoer(br) to avoid ugly line fuckups?
       if (this.$refs.typehead) {
         this.$refs.typehead.onKeyDown(e)
       }
-      
     },
     insertAtCursor(text) {
         if (this.$refs.input) {

src/components/SideBar.vue

@@ -5,7 +5,7 @@
 
         <div :class="['rmli-sidebar-folder-list rmli-sidebar-list', {'rmli-sidebar-folder-list-dnd': isDndFolder} ]">
 
-          <div class="rmli-sidebar-section-header">
+          <div class="rmli-sidebar-section-header rmli-sidebar-section-header-top">
                <span>{{$t('sidebar.folders')}}</span>
                 <i class="ri-add-line rmli-folder-add rmli-tooltip" @click="showNewFolder" >
                     <span class="rmli-tooltip-message"> {{$t('sidebar.new')}}</span>

src/components/TypeAhead.vue

@@ -13,6 +13,7 @@
         {{ o.label }}
       </span>
   </div>
+  <div class="rmli-type-ahead-backdrop" v-if="isVisible"/>
 </template>
 
 <style lang="scss">
@@ -21,8 +22,6 @@
 <script>
 import Logger from '../util/Logger'
 import * as Util from '../util/Util'
-
-//const breakChars = {' ':true, '.': true, ',': true, ':': true, '!': true, "?": true, '/': true, 'Escape': true, 'ArrowLeft': true, 'ArrowRight': true}
 const validTagRegex = /[a-zA-Z0-9\-_&]/
 
 export default {

src/i18n/en.json

@@ -87,7 +87,7 @@
     },
     "list": {
         "pinned": "Pinned",
-        "pinnedAndDue": "Pinned & Due",
+        "pinnedAndDue": "Due",
         "rest": "All notes"
     },
     "month": {

src/scss/highlight.scss

@@ -23,6 +23,7 @@
     padding: $spacing-xs;
     box-sizing: border-box;
     vertical-align: middle;
+    line-height: 1;
 }
 
 

src/scss/note.scss

@@ -157,6 +157,7 @@
     .rmi-highlight-icon {
         vertical-align: middle;
         font-size: $font-size-xs;
+        line-height: 1;
     }
 
 

src/scss/sidebar.scss

@@ -6,7 +6,7 @@ $spacing-action: 12px;
 .rmli-sidebar {
     border-right: rgba($color: #000000, $alpha: 0.1);
     background: $background-secondary;
-    width: 200px;
+
     display: flex;
     flex-direction: column;
     overflow: hidden;
@@ -16,7 +16,8 @@ $spacing-action: 12px;
     height: 100vh;
     overflow: scroll;
 
-    flex-basis: 200px;
+    width: 280px;
+    flex-basis: 280px;
     flex-grow: 0;
     flex-shrink: 0;
 
@@ -39,6 +40,11 @@ $spacing-action: 12px;
         align-items: center;
         padding: 0px;
         padding-left: $spacing-action;
+
+
+        &.rmli-sidebar-section-header-top {
+            margin-top: $spacing-s;
+        }
     }
 
     .rmli-sidebar-folder-list {

src/scss/toolbar.scss

@@ -9,7 +9,7 @@
         position: absolute;
         padding: $spacing-s ;
         left: 0px;
-        top:0px;
+        top:$spacing-s;
     }
 }
 

src/scss/type-ahead.scss

@@ -5,7 +5,7 @@
     display: none;
     border:1px solid $border-color-hover;
     box-shadow: $shadow-l;
-    z-index: 1000;
+    z-index: 1001;
     max-height: 150px;
     overflow: auto;
     background: #fff;
@@ -31,4 +31,13 @@
     position: fixed;
     max-width: 200px;
     max-height: 150px;
+}
+
+.rmli-type-ahead-backdrop {
+    position: fixed;
+    top:0px;
+    left: 0px;
+    width: 100%;
+    height: 100%;
+    z-index: 1000;
 }

src/services/SearchService.js

@@ -161,9 +161,21 @@ export default class SearchService {
     indexPersons (text) {
         let persons = text.match(/(@[a-zA-Z0-9\-_]+)/g)
         if (persons) {
-            persons.forEach(p => this.persons.add(p.toLocaleLowerCase()))
+            persons.forEach(p => {
+                let person = p.toLocaleLowerCase()
+                person = this.capitalizePerson(person)
+                this.persons.add(person)
+            })
+        }
+    }
+
+    capitalizePerson(string) {
+        if (string.length > 2) {
+            return string.charAt(0) +  string.charAt(1).toUpperCase() + string.slice(2);
         }
+        return string
     }
+
 
     updateTagsAndPersons (list) {
         Logger.log(1, 'SearchService.getTagsAndPersons() > enter')

src/views/Editor.vue

@@ -156,7 +156,7 @@ export default {
   props:['value'],
   data: function () {
       return {
-        version: '1.0.15',
+        version: '1.0.17',
         settings: {
           theme: 'default',
           fontSize: 's',