Use an X icon instead of text.

This commit is contained in:
Diana Huang
2017-08-21 10:59:04 -04:00
parent ff54a771a8
commit cb381a7cff
5 changed files with 19 additions and 4 deletions

View File

@@ -86,6 +86,9 @@
.dismiss-message {
@include float(right);
.btn-link {
color: palette(grayscale, base);
}
}
}

View File

@@ -1,7 +1,10 @@
<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>

View File

@@ -1,6 +1,9 @@
<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>

View File

@@ -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>

View File

@@ -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)}