Added custom CSS class for Iframe boarder width

DFE-Digital · Sep 28, 2023 · 5feb536 · 5feb536
1 parent 71787f1
commit 5feb536
Show file tree

Hide file tree

Showing 6 changed files with 12 additions and 4 deletions.
diff --git a/Childrens-Social-Care-CPD/Views/Shared/_VideoResource.cshtml b/Childrens-Social-Care-CPD/Views/Shared/_VideoResource.cshtml
@@ -4,7 +4,7 @@
 
 <div class="govuk-grid-row">
     <div class="govuk-grid-column-three-quarters">
-        <iframe id="player" title="video" type="text/html" width="640" height="390" allowfullscreen src="@Model.Video.File.Url" frameborder="0"></iframe>
+        <iframe id="player" title="video" type="text/html" class="iframe-boarder-width" width="640" height="390" allowfullscreen src="@Model.Video.File.Url"></iframe>
         <details class="govuk-details govuk-!-margin-top-3" data-module="govuk-details">
             <summary class="govuk-details__summary"> <span class="govuk-details__summary-text">View transcript  </span></summary>
             <div class="govuk-details__text">

diff --git a/Childrens-Social-Care-CPD/styles/scss/overrides/_site.scss b/Childrens-Social-Care-CPD/styles/scss/overrides/_site.scss
@@ -13,4 +13,8 @@
 
 .image-card h2 {
     @extend .govuk-heading-m
+}
+
+.iframe-boarder-width {
+    border-width: 0px;
 }
diff --git a/Childrens-Social-Care-CPD/wwwroot/css/application.css b/Childrens-Social-Care-CPD/wwwroot/css/application.css
diff --git a/Childrens-Social-Care-CPD/wwwroot/css/application.css.map b/Childrens-Social-Care-CPD/wwwroot/css/application.css.map
diff --git a/Childrens-Social-Care-CPD/wwwroot/css/application.min.css b/Childrens-Social-Care-CPD/wwwroot/css/application.min.css
diff --git a/Childrens-Social-Care-CPD/wwwroot/css/application.min.css.map b/Childrens-Social-Care-CPD/wwwroot/css/application.min.css.map