App working in Firefox

dashboard-gsicrawler.env.html

@@ -23,6 +23,10 @@
 <!-- <link href="dist/css/fs-modal.min.css" rel="stylesheet"> -->
 <!-- <script src="dist/js/fs-modal.min.js"></script> -->
 
+<!-- Bootstrap -->
+<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/js/bootstrap.min.js"></script>
+<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+
 <!--<script src="https://hypothes.is/embed.js" async></script>-->
 
 <dom-module id="dashboard-gsicrawler">

dashboard-gsicrawler.html

@@ -23,6 +23,10 @@
 <!-- <link href="dist/css/fs-modal.min.css" rel="stylesheet"> -->
 <!-- <script src="dist/js/fs-modal.min.js"></script> -->
 
+<!-- Bootstrap -->
+<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/js/bootstrap.min.js"></script>
+<link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
+
 <!--<script src="https://hypothes.is/embed.js" async></script>-->
 
 <dom-module id="dashboard-gsicrawler">

demo/elements/news-chart/news-chart.html

@@ -87,7 +87,7 @@
                         </div>
                       </div>
                       <div class="col-md-7 col-xs-12 col-sm-7" style="overflow: hidden; height: 100%;">
-                        <div id$="text[[index]]" class="tab-pane fade in active" style="background-color: #eeeeee96; float: right; border: 1px solid #B3BFC7; padding: 20px; padding-top: 0px; overflow-y: auto; height: fit-content; max-height: 100%; ">
+                        <div id$="text[[index]]" class="tab-pane fade in active" style="background-color: #eeeeee96; float: right; border: 1px solid #B3BFC7; padding: 20px; overflow-y: auto; height: fit-content; max-height: 100%; ">
                           <div id$="{{getID(news)}}" class="text-hightlight" style="text-align: justify; white-space: pre-line;">
                             {{getNew(news)}}
                           </div>

demo/elements/propaganda-chart/propaganda-chart.css

@@ -224,8 +224,8 @@ a.text.style-scope.propaganda-chart:first-letter {
   }
 }
 
-.modal-content .tab-content .tab-pane {
-  height: calc(100% - 55px) !important;
+.modal-content .tab-content .tab-pane.text-pane {
+  max-height: calc(100% - 55px) !important;
 }
 
 div.modal.propaganda-chart.in {

demo/elements/propaganda-chart/propaganda-chart.html

@@ -97,18 +97,22 @@
                         </div>
 
                         <div class="col-md-7 col-xs-12 col-sm-7" style="overflow-x: hidden; overflow-y: hidden; height: 100%;">
-                          <ul class="nav nav-tabs" role="tablist">
-                            <li class="active" id="tabText"><a data-toggle="tab" href$="#propaganda[[index]]">Text</a></li>
-                            <li id="tabArticle"><a data-toggle="tab" href$="#pdf[[index]]">Magazine</a></li>
+                          <ul class="nav nav-tabs" role="tablist" id=#propagandaTabs>
+                            <li class="active" id="tabText">
+                              <a data-toggle="tab" role="tab" href$="#propaganda[[index]]" aria-controls$="propaganda[[index]]">Text</a>
+                            </li>
+                            <li id="tabArticle">
+                              <a data-toggle="tab" role="tab" href$="#pdf[[index]]" aria-controls$="pdf[[index]]">Magazine</a>
+                            </li>
                           </ul>
                           <div class="tab-content">
-                            <div id$="propaganda[[index]]" class="tab-pane fade in active" style="background-color: #eeeeee96; float: right; border: 1px solid #B3BFC7; padding: 20px; overflow: auto; height: 100%; width: 100%;">
+                            <div role="tabpanel" id$="propaganda[[index]]" class="tab-pane active text-pane" style="background-color: #eeeeee96; float: right; border: 1px solid #B3BFC7; padding: 20px; overflow: auto; height: 100%; width: 100%;">
                               <div id$="{{getID(news)}}" style="text-align: justify; white-space: pre-line;">
                                 {{getArticle(news)}}
                               </div>
 
                             </div>
-                            <div id$="pdf[[index]]" class="tab-pane fade" iframe-src$="{{setPDF(news, index)}}">
+                            <div role="tabpanel" id$="pdf[[index]]" class="tab-pane pdf" iframe-src$="{{setPDF(news, index)}}">
 
                             </div>
                           </div>

demo/index.env.html

@@ -26,11 +26,6 @@
     <link rel="import" href="/elements/trivalent-page/trivalent-page.html">
     <link rel="import" href="/bower_components/app-route/app-location.html">
 
-    <!-- Bootstrap -->
-    <script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/js/bootstrap.min.js"></script>
-    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
-
-
     <link rel="icon"  href="/images/trivalent.jpg">
 
     <style>

demo/index.html

@@ -26,11 +26,6 @@
     <link rel="import" href="/elements/trivalent-page/trivalent-page.html">
     <link rel="import" href="/bower_components/app-route/app-location.html">
 
-    <!-- Bootstrap -->
-    <script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.2.0/js/bootstrap.min.js"></script>
-    <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
-
-
     <link rel="icon"  href="/images/trivalent.jpg">
 
     <style>

demo/styles/app-theme.html

@@ -26,7 +26,8 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
     --default-primary-color: #00A9E0;
     --light-primary-color: #B2EBF2;
     --text-primary-color: #ffffff; /*text/icons*/
-    --accent-color: #FFC107;
+    /* --accent-color: #FFC107; */
+    --accent-color: #ffcd00;
     --primary-background-color: #FFD127;
     --primary-text-color: #212121;
     --secondary-text-color: #727272;
@@ -68,7 +69,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
       background: -moz-linear-gradient(#0588e0, #04419B); /* For Firefox 3.6 to 15 */
       background: linear-gradient(#0588e0, #04419B); /* Standard syntax */
     };
-    
+
     /* background for toolbar when it is condensed */
     --paper-scroll-header-panel-condensed-header: {
       background: #0588e0; /* For browsers that do not support gradients */
@@ -118,7 +119,7 @@ subject to an additional IP rights grant found at http://polymer.github.io/PATEN
     min-height: 48px;
     padding: 0 16px;
   }
-  
+
   #mainToolbar {
       /* custom toolbar height */
       height: 190px;