Changed 'new note' to button (#108)

* Changed 'create note' to button

Signed-off-by: Andreas Jacobsen <andreasjacobsen93@gmail.com>

* Removed unneeded css

* Removed whitespace
This commit is contained in:
Andreas Jacobsen 2017-07-03 11:42:39 +02:00 committed by Hendrik Leppelsack
parent d744b8eb03
commit 40699f54c6
2 changed files with 18 additions and 7 deletions

View File

@ -5,18 +5,27 @@
*/ */
#app-navigation { #app-navigation {
padding-bottom: 0; /* no settings bar, so no padding needed */ padding-bottom: 0; /* no settings bar, so no padding needed */
} }
#app-navigation #note-add span { #app-navigation #note-add #new-note-button {
font-weight: bold; margin: 14px auto;
padding-left: 2px; width: calc(100% - 20px) !important;
text-align: left;
padding-left: 34px;
background-position: 10px center;
} }
#app-navigation .active a { #app-navigation .active a {
padding-right: 70px; padding-right: 70px;
} }
.app-content-list-button {
display: block;
margin: 10px auto;
padding: 10px;
}
#app-navigation li .nav-entry { #app-navigation li .nav-entry {
display: block; display: block;
width: 100%; width: 100%;

View File

@ -40,10 +40,12 @@ style('notes', [
</span> </span>
</li> </li>
<!-- new note button --> <!-- new note button -->
<li id="note-add" ng-click="create()" <div id="note-add">
<button class="icon-add app-content-list-button ng-binding" id="new-note-button" type="button" name="button" ng-click="create()"
oc-click-focus="{ selector: '#app-content textarea' }"> oc-click-focus="{ selector: '#app-content textarea' }">
<a href='#'>+ <span><?php p($l->t('New note')); ?></span></a> <?php p($l->t('New note')); ?>
</li> </button>
</div>
<!-- notes list --> <!-- notes list -->
<li ng-repeat="note in filteredNotes = (notes| and:search | orderBy:['-favorite','-modified'])" <li ng-repeat="note in filteredNotes = (notes| and:search | orderBy:['-favorite','-modified'])"
ng-class="{ active: note.id == route.noteId }"> ng-class="{ active: note.id == route.noteId }">