diff --git a/cms/static/sass/elements/_modules.scss b/cms/static/sass/elements/_modules.scss index 7812a221b4f5..1e9f52691fc8 100644 --- 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 index cf2e0b6aadd5..b591c336938c 100644 --- a/cms/templates/js/add-xblock-component-button.underscore +++ b/cms/templates/js/add-xblock-component-button.underscore @@ -6,4 +6,7 @@ <%- gettext("Add Component:") %> <%- display_name %> + <% if (type === 'library_v2' || type === 'itembank') { %> + <%- gettext("Beta") %> + <% } %>