Change "PLAY VIDEO" and "PAUSE VIDEO" to normal case, use text-transf…

…orm to transform them to uppercase
MozillaFoundation · Oct 21, 2021 · 32a90db · 32a90db
1 parent 44e1c62
commit 32a90db
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/network-api/networkapi/mozfest/templates/fragments/hero/hardcoded_video_hero.html b/network-api/networkapi/mozfest/templates/fragments/hero/hardcoded_video_hero.html
@@ -14,10 +14,10 @@
         <div class="row">
           <div class="col-12">
             <button class="btn btn-video-control btn-pause btn-secondary d-none">
-              <span>{% trans "PAUSE VIDEO" context "Pause button for video" %}</span>
+              <span>{% trans "Pause video" context "Pause button for video" %}</span>
             </button>
             <button class="btn btn-video-control btn-play btn-secondary d-none">
-              <span>{% trans "PLAY VIDEO" context "Play button for video" %}</span>
+              <span>{% trans "Play video" context "Play button for video" %}</span>
             </button>
           </div>
         </div>

diff --git a/source/sass/mozfest.scss b/source/sass/mozfest.scss
@@ -54,6 +54,7 @@ body.mozfest {
           height: $icon-size;
           background: center left/$icon-size $icon-size no-repeat transparent;
           padding-left: calc(#{$icon-size} + 0.5rem);
+          text-transform: uppercase;
           // due to a Safari bug, we have to remove transition for these buttons
           // so background SVGs don't get resized on hover
           transition: none;