From 88cfa4d29f2b63680ab91d66e48b9603119e8be6 Mon Sep 17 00:00:00 2001
From: korelstar <korelstar@users.noreply.github.com>
Date: Thu, 16 Aug 2018 17:04:08 +0200
Subject: [PATCH] new "new" button style from NC14

---
 css/notes.css      | 26 +++++++++++++++-----------
 templates/main.php |  5 ++---
 2 files changed, 17 insertions(+), 14 deletions(-)

diff --git a/css/notes.css b/css/notes.css
index ea1d9184..4004440f 100644
--- a/css/notes.css
+++ b/css/notes.css
@@ -11,14 +11,6 @@
 	height: 100%;
 }
 
-#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 > ul > li.has-error a{
     color:#f00;
 }
@@ -56,10 +48,22 @@
 	opacity: 1;
 }
 
-#app-navigation #note-add:hover span,
-#app-navigation #note-add:focus span {
-    display: inline;
+
+/* new button from Nextcloud 14 -- can be removed if min-version is at least 14 */
+#app-navigation .app-navigation-new {
+	display: block;
+	padding: 10px;
 }
+#app-navigation .app-navigation-new button {
+	display: inline-block;
+	width: 100%;
+	padding: 10px;
+	padding-left: 34px;
+	background-position: 10px center;
+	text-align: left;
+	margin: 0;
+}
+
 
 /* only display the delete button when the note is active */
 #app-navigation .app-navigation-entry-utils-menu-button {
diff --git a/templates/main.php b/templates/main.php
index 17073c31..469956e6 100644
--- a/templates/main.php
+++ b/templates/main.php
@@ -34,9 +34,8 @@ style('notes', [
 
     <div id="app-navigation" ng-controller="NotesController" ng-class="{'loading': !notesLoaded}">
         <!-- new note button -->
-        <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' }">
+        <div class="app-navigation-new">
+            <button class="icon-add" id="new-note-button" type="button" ng-click="create()">
                 <?php p($l->t('New note')); ?> 
             </button>
         </div>