Commit 28176344 authored by Tasio Mendez's avatar Tasio Mendez
Browse files

App working in Firefox

parent c2c17555
Pipeline #1568 passed with stages
in 13 seconds
......@@ -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">
......
......@@ -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">
......
......@@ -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>
......
......@@ -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 {
......
......@@ -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>
......
......@@ -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>
......
......@@ -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>
......
......@@ -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;
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment