Commit cb381a7c by Diana Huang

Use an X icon instead of text.

parent ff54a771
......@@ -86,6 +86,9 @@
.dismiss-message {
@include float(right);
.btn-link {
color: palette(grayscale, base);
}
}
}
......
<div class="update-message">
<h3>Latest Update</h3>
<div class="dismiss-message">
<button type="button" class="btn-link">Dismiss</button>
<button type="button" class="btn-link">
<span class="sr">Dismiss</span>
<span class="icon fa fa-times" aria-hidden="true"></span>
</button>
</div>
This is an update.
</div>
<div class="welcome-message">
<div class="dismiss-message">
<button type="button" class="btn-link">${_("Dismiss")}</button>
<button type="button" class="btn-link">
<span class="sr">Dismiss</span>
<span class="icon fa fa-times" aria-hidden="true"></span>
</button>
</div>
This is a useful welcome message!
</div>
......@@ -11,7 +11,10 @@ from openedx.core.djangolib.markup import HTML
<%block name="content">
<div class="update-message">
<div class="dismiss-message">
<button type="button" class="btn-link">${_("Dismiss")}</button>
<button type="button" class="btn-link">
<span class="sr">${_("Dismiss")}</span>
<span class="icon fa fa-times" aria-hidden="true"></span>
</button>
</div>
<h3>${_("Latest Update")}</h3>
......
......@@ -12,7 +12,10 @@ from openedx.core.djangolib.markup import HTML
<%block name="content">
<div class="welcome-message">
<div class="dismiss-message">
<button type="button" class="btn-link">${_("Dismiss")}</button>
<button type="button" class="btn-link">
<span class="sr">${_("Dismiss")}</span>
<span class="icon fa fa-times" aria-hidden="true"></span>
</button>
</div>
${HTML(welcome_message_html)}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment