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 {
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 {
font-weight: bold;
padding-left: 2px;
#app-navigation #note-add #new-note-button {
margin: 14px auto;
width: calc(100% - 20px) !important;
text-align: left;
padding-left: 34px;
background-position: 10px center;
}
#app-navigation .active a {
padding-right: 70px;
}
.app-content-list-button {
display: block;
margin: 10px auto;
padding: 10px;
}
#app-navigation li .nav-entry {
display: block;
width: 100%;

View File

@ -40,10 +40,12 @@ style('notes', [
</span>
</li>
<!-- 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' }">
<a href='#'>+ <span><?php p($l->t('New note')); ?></span></a>
</li>
<?php p($l->t('New note')); ?>
</button>
</div>
<!-- notes list -->
<li ng-repeat="note in filteredNotes = (notes| and:search | orderBy:['-favorite','-modified'])"
ng-class="{ active: note.id == route.noteId }">