fix Editing a book is not available label

app/models/book.py

@@ -148,3 +148,7 @@ class Book(BaseModel):
         )
 
         return interpretations
+
+    @property
+    def contributors_users(self):
+        return [contributors.user for contributors in self.contributors]

app/templates/book/collection_view.html

@@ -26,13 +26,6 @@
   <a href="{{ url_for('book.settings', book_id=book.id) }}" type="button" class="ml-2"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.324.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 011.37.49l1.296 2.247a1.125 1.125 0 01-.26 1.431l-1.003.827c-.293.24-.438.613-.431.992a6.759 6.759 0 010 .255c-.007.378.138.75.43.99l1.005.828c.424.35.534.954.26 1.43l-1.298 2.247a1.125 1.125 0 01-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.57 6.57 0 01-.22.128c-.331.183-.581.495-.644.869l-.213 1.28c-.09.543-.56.941-1.11.941h-2.594c-.55 0-1.02-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 01-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 01-1.369-.49l-1.297-2.247a1.125 1.125 0 01.26-1.431l1.004-.827c.292-.24.437-.613.43-.992a6.932 6.932 0 010-.255c.007-.378-.138-.75-.43-.99l-1.004-.828a1.125 1.125 0 01-.26-1.43l1.297-2.247a1.125 1.125 0 011.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.087.22-.128.332-.183.582-.495.644-.869l.214-1.281z" /> <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" /> </svg> </a>
 </div>
 <!-- prettier-ignore -->
-<div
-    class="md:hidden w-full p-3 px-4 md:w-4/6 dark:text-white
-    dark:bg-gray-500 bg-gray-400 text-center text-xs"
-    >
-      Editing a book is not available on mobile (yet). Please browse from your
-      desktop to access all the features.
-  </div>
 <div class="flex">
   <!-- prettier-ignore -->
   <div class="hidden md:block w-2/6 border-gray-200 dark:border-gray-700 h-box">

app/templates/book/components/tab_content_slider.html

@@ -1,6 +1,6 @@
 <!-- prettier-ignore -->
-<div id="tab-content-slide" aria-label="Slider" class="w-screen break-words border-gray-200 dark:border-gray-700 h-full md:hidden fixed top-16 left-0 z-40 transition-transform -translate-x-full bg-white border-r md:translate-x-0 dark:bg-gray-800 bg-opacity-0">
+<div id="tab-content-slide" aria-label="Slider" class="w-screen break-words border-gray-200 dark:border-gray-700 h-full md:hidden fixed top-16 left-0 z-40 transition-transform -translate-x-full bg-white md:translate-x-0 dark:bg-gray-800 bg-opacity-0">
-  <div id="accordion-collapse-mobile" data-accordion="open" class="p-3 w-11/12 border-r fixed inset-0 mt-16 overflow-y-scroll">
+  <div id="accordion-collapse-mobile" data-accordion="open" class="w-full bg-white dark:bg-gray-800 p-3 fixed inset-0 mt-16 overflow-y-scroll">
     <!-- prettier-ignore -->
       <div class="md:hidden w-full flex dark:text-white justify-between">
         <!-- prettier-ignore -->
@@ -10,13 +10,21 @@
         <a href="{{ url_for('book.settings', book_id=book.id) }}" type="button" class="ml-2"> <svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" class="w-6 h-6"> <path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.324.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 011.37.49l1.296 2.247a1.125 1.125 0 01-.26 1.431l-1.003.827c-.293.24-.438.613-.431.992a6.759 6.759 0 010 .255c-.007.378.138.75.43.99l1.005.828c.424.35.534.954.26 1.43l-1.298 2.247a1.125 1.125 0 01-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.57 6.57 0 01-.22.128c-.331.183-.581.495-.644.869l-.213 1.28c-.09.543-.56.941-1.11.941h-2.594c-.55 0-1.02-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 01-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 01-1.369-.49l-1.297-2.247a1.125 1.125 0 01.26-1.431l1.004-.827c.292-.24.437-.613.43-.992a6.932 6.932 0 010-.255c.007-.378-.138-.75-.43-.99l-1.004-.828a1.125 1.125 0 01-.26-1.43l1.297-2.247a1.125 1.125 0 011.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.087.22-.128.332-.183.582-.495.644-.869l.214-1.281z" /> <path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 11-6 0 3 3 0 016 0z" /> </svg> </a>
       </div>
 
-      <div
+      {% if
-        class="md:hidden w-full mt-3 p-3 px-4 md:w-4/6 dark:text-white dark:bg-gray-500 bg-gray-400"
+        book and
-      >
+        (
-        <div class="text-center text-xs ">
+          book.owner.id == current_user.id or
-          Editing a book is not available on mobile (yet). Please browse from your desktop to access all the features.
+          current_user in book.contributors_users
+        )
+      %}
+        <div
+          class="md:hidden w-full mt-3 p-3 px-4 md:w-4/6 dark:text-white dark:bg-gray-500 bg-gray-400"
+        >
+          <div class="text-center text-xs ">
+            Editing a book is not available on mobile (yet). Please browse from your desktop to access all the features.
+          </div>
         </div>
-      </div>
+      {% endif %}
 
       {% if version %}
         {% set children_collections = version.children_collections %}