Merge pull request #11113 from krishnaGauss/11110/feature/add-private-button

Add private button when no follow action available on List Showcase Card

Author: krishnaGauss

openlibrary/i18n/messages.pot

@@ -6300,6 +6300,10 @@ msgstr ""
 msgid "You"
 msgstr ""
 
+#: lists/list_follow.html
+msgid "Private"
+msgstr ""
+
 #: lists/list_follow.html
 msgid "OpenLibrary Logo"
 msgstr ""

openlibrary/templates/lists/list_follow.html

@@ -52,6 +52,10 @@
                         $ is_public = settings and settings.get('public_readlog', 'no') == "yes"
                         $if is_public:
                             $:render_follow_button(owner_username, is_subscribed)
+                        $else:
+                            <button class="list-follow-card__private-button" disabled>
+                                <span class="pvt-text">$_('Private')</span>
+                            </button>
                 </div>
             </div>
         $else:

static/css/components/list-follow.less

@@ -127,6 +127,25 @@
       margin: 0;
     }
   }
+  &__private-button {
+    background-color: @grey;
+    border: none;
+    cursor: not-allowed;
+    pointer-events: none;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    padding-bottom: 1px;
+    border-radius: 4px;
+    .pvt-text {
+      color: @white;
+      font-size: 12px; // Override base size
+      padding: 2px 4px; // Less padding
+      box-shadow: none; // Remove default shadow if present
+      margin: 0;
+      letter-spacing: 0.2px;
+    }
+  }
   &__title {
     font-weight: bold;
     font-size: @font-size-label-large;