feat: add "beta" label to libraries v2 content + item bank buttons (#…

…35690)
openedx · Oct 22, 2024 · 784b2b8 · 784b2b8
1 parent e67acd4
commit 784b2b8
Show file tree

Hide file tree

Showing 2 changed files with 20 additions and 1 deletion.
diff --git a/cms/static/sass/elements/_modules.scss b/cms/static/sass/elements/_modules.scss
@@ -140,12 +140,13 @@
         position: relative;
         display: inline-block;
         width: ($baseline*6.25);
-        height: ($baseline*5);
+        height: ($baseline*7);
         margin-bottom: ($baseline/2);
         box-shadow: 0 1px 1px $shadow, 0 1px 0 rgba(255, 255, 255, 0.4) inset;
         border-radius: ($baseline/4);
         padding: 0;
         text-align: center;
+        vertical-align: top;
 
         @extend %btn-primary-green;
 
@@ -154,6 +155,21 @@
           display: block;
           color: $white;
         }
+
+        .beta {
+          margin-top: 3px;
+          margin-bottom: -20px;
+          padding: 4px;
+          display: inline-block;
+
+          color: $uxpl-green-base;
+          background-color: theme-color("inverse");
+          border-color: theme-color("inverse");
+          border-radius: 3px;
+
+          font-size: 90%;
+          line-height: 90%;
+        }
       }
     }
   }

diff --git a/cms/templates/js/add-xblock-component-button.underscore b/cms/templates/js/add-xblock-component-button.underscore
@@ -6,4 +6,7 @@
   <span class="large-template-icon large-<%- type %>-icon"></span>
   <span class="sr"> <%- gettext("Add Component:") %></span>
   <span class="name"><%- display_name %></span>
+  <% if (type === 'library_v2' || type === 'itembank') { %>
+  <span class="beta"><%- gettext("Beta") %></span>
+  <% } %>
 </button>