darkhelm/notifications-admin
1
0
Fork 0
mirror of https://github.com/GSA/notifications-admin.git synced 2026-07-10 03:14:58 -04:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #1087 from alphagov/fix-tour-opacity-ie8

Browse Source 
Fix highlighted step on tour in IE8
This commit is contained in:
Chris Hill-Scott
2017-01-23 15:24:13 +00:00
committed by GitHub
parent b0f0d68ce0 9e5529bea5
commit 6a61fe0674
2 changed files with 15 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/assets/stylesheets/components/banner.scss
View File

@@ -167,6 +167,18 @@
}
.greyed-out-step {
$opacity: 0.6;
opacity: $opacity;
@include ie-lte(8) {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=" + ($opacity * 100) + ")";
}
}
}
.banner-warning {

6
app/templates/main_nav.html
View File

@@ -3,7 +3,7 @@
{% if help %}
{% call banner_wrapper(type='tour') %}
<p class="heading-medium">Try sending yourself this example</p>
<div class="grid-row bottom-gutter" {% if help != '1' %}style="opacity: 0.6"{% endif %}>
<div class="grid-row bottom-gutter {% if help != '1' %}greyed-out-step{% endif %}">
<div class="column-one-sixth">
<p class="heading-large" style="float: left;">1.</p>
</div>
@@ -13,7 +13,7 @@
</p>
</div>
</div>
<div class="grid-row bottom-gutter" {% if help != '2' %}style="opacity: 0.6"{% endif %}>
<div class="grid-row bottom-gutter {% if help != '2' %}greyed-out-step{% endif %}">
<div class="column-one-sixth">
<p class="heading-large">2.</p>
</div>
@@ -23,7 +23,7 @@
</p>
</div>
</div>
<div class="grid-row bottom-gutter" {% if help != '3' %}style="opacity: 0.6"{% endif %}>
<div class="grid-row bottom-gutter {% if help != '3' %}greyed-out-step{% endif %}">
<div class="column-one-sixth">
<p class="heading-large">3.</p>
</div>