Commit f11374c985faa5d896dc7e6563e2b7475942b0ae
1 parent
25cad55a
Exists in
master
and in
5 other branches
Add main video (iframe) border (issue #352)
Showing
2 changed files
with
27 additions
and
0 deletions
Show diff stats
js/main.js
| @@ -921,6 +921,28 @@ define(['jquery', 'handlebars', 'fastclick', 'proposal_app', 'handlebars_helpers | @@ -921,6 +921,28 @@ define(['jquery', 'handlebars', 'fastclick', 'proposal_app', 'handlebars_helpers | ||
| 921 | 921 | ||
| 922 | forceWmodeIframe(data.article); | 922 | forceWmodeIframe(data.article); |
| 923 | 923 | ||
| 924 | + function removeStylefromIframe (article){ | ||
| 925 | + var abstract = article.abstract; | ||
| 926 | + | ||
| 927 | + var patternIframe = 'style="'; | ||
| 928 | + var indexOfIframe = abstract.indexOf('<iframe'); | ||
| 929 | + var indexOfStyleOnIframe = abstract.indexOf('style="', indexOfIframe); | ||
| 930 | + | ||
| 931 | + if(indexOfStyleOnIframe === -1){ | ||
| 932 | + return; | ||
| 933 | + } | ||
| 934 | + | ||
| 935 | + var startStyleContent = indexOfStyleOnIframe + patternIframe.length; | ||
| 936 | + var endStyleContent = abstract.indexOf('"', startStyleContent); | ||
| 937 | + var style = abstract.substring(startStyleContent , endStyleContent); | ||
| 938 | + // console.log('style', style); | ||
| 939 | + | ||
| 940 | + article.abstract = abstract.replace(style, ''); | ||
| 941 | + // console.log('article.abstract', article.abstract); | ||
| 942 | + } | ||
| 943 | + | ||
| 944 | + removeStylefromIframe(data.article); | ||
| 945 | + | ||
| 924 | resultsPlaceholder.innerHTML = template(data); | 946 | resultsPlaceholder.innerHTML = template(data); |
| 925 | $('.login-container').html(loginTemplate()); | 947 | $('.login-container').html(loginTemplate()); |
| 926 | $('.countdown').maxlength({text: '%left caracteres restantes'}); | 948 | $('.countdown').maxlength({text: '%left caracteres restantes'}); |
sass/style.sass
| @@ -425,6 +425,8 @@ h1 | @@ -425,6 +425,8 @@ h1 | ||
| 425 | // 6.3 - video | 425 | // 6.3 - video |
| 426 | #content | 426 | #content |
| 427 | margin-bottom: $gutter * 1.5 | 427 | margin-bottom: $gutter * 1.5 |
| 428 | + .embed-responsive | ||
| 429 | + border: 1px solid #333 | ||
| 428 | 430 | ||
| 429 | // 6.4 - background do conteudo | 431 | // 6.4 - background do conteudo |
| 430 | .content | 432 | .content |
| @@ -1474,6 +1476,9 @@ h3.titulo-destaque | @@ -1474,6 +1476,9 @@ h3.titulo-destaque | ||
| 1474 | .embed-responsive | 1476 | .embed-responsive |
| 1475 | margin-left: $gutter * (-1) | 1477 | margin-left: $gutter * (-1) |
| 1476 | margin-right: $gutter * (-1) | 1478 | margin-right: $gutter * (-1) |
| 1479 | + iframe | ||
| 1480 | + left: 0 !important | ||
| 1481 | + | ||
| 1477 | .themes | 1482 | .themes |
| 1478 | margin-bottom: $gutter * 1.5 | 1483 | margin-bottom: $gutter * 1.5 |
| 1479 | margin-left: $gutter * 1.5 * (-1) | 1484 | margin-left: $gutter * 1.5 * (-1) |