fix(style): Apply strict word-break rule only on links in tabs

podlove · Feb 29, 2016 · 61969bd · 61969bd
1 parent 8c2ed7a
commit 61969bd
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/src/js/modules/info.js b/src/js/modules/info.js
@@ -26,7 +26,7 @@ function createEpisodeInfo(tab, params) {
     getSummary(params.summary) +
     '<p>Dauer: ' + timeCode.fromTimeStamp(params.duration) + '</p>' +
      getPublicationDate(params.publicationDate) +
-    '<p>' +
+    '<p class="info-link">' +
       'Permalink:<br>' +
       '<a href="' + params.permalink + '" target="_blank" title="Permalink für die Episode">' + params.permalink + '</a>' +
     '</p>'
@@ -58,7 +58,7 @@ function createShowInfo (tab, params) {
     '<h3>' + params.show.subtitle + '</h3>' +
     createPosterImage(params.show.poster) +
     createSubscribeButton(params) +
-    '<p>Link zur Show:<br>' +
+    '<p class="info-link">Link zur Show:<br>' +
       '<a href="' + params.show.url + '" target="_blank" title="Link zur Show">' + params.show.url + '</a></p>'
   );
 }

diff --git a/src/sass/modules/_info.scss b/src/sass/modules/_info.scss
@@ -71,3 +71,8 @@
   vertical-align: super;
   line-height: 1px;
 }
+
+// Episode and show-link paragraphs in columns
+.info-link {
+  @extend .break-all;
+}