Download as
Browse Code »

Commit cb10eddc7e99720410c2658321989cf4aad332ee

Authored by Edmar Moretti
1 parent 99c98687
Exists in master and in 7 other branches composer, doc-root, docker, guia, licenca, readme, unmaintened

Correção nos estilos em dispositivos sm

Showing 2 changed files with 64 additions and 14 deletions   Show diff stats
init/index.php
  Diff comments   View file @cb10edd
... ... @@ -80,7 +80,7 @@ include "head.php";
80 80 </nav>
81 81 <nav class="navbar-fixed-bottom">
82 82 <div class="container-fluid hidden">
83   - <div class="jumbotron" id="jumbotron"
  83 + <div class="jumbotron hidden-xs" id="jumbotron"
84 84 style="background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.8);">
85 85 <!-- Template para mensagem do i3Geo -->
86 86 <ul class="list-inline">
... ...
mapas/index.php
  Diff comments   View file @cb10edd
... ... @@ -35,7 +35,7 @@ include &quot;../init/head.php&quot;;
35 35 }
36 36  
37 37 .list-group .list-group-separator::before{
38   - width: calc(100% - 130px);
  38 + width: 100%;
39 39 }
40 40  
41 41 #indice .bs-docs-sidebar .nav>.active:focus>a, .bs-docs-sidebar .nav>.active:hover>a,
... ... @@ -71,10 +71,59 @@ include &quot;../init/head.php&quot;;
71 71 -o-transform: rotate(90deg);
72 72 transform: rotate(90deg);
73 73 }
  74 +
  75 +.thumbnail.hidden-xs {
  76 + float: left;
  77 + height: 78px;
  78 + width: 170px
  79 +}
  80 +.thumbnail.hidden-xs > a > img {
  81 + height: 67px;
  82 + width: 160px;
  83 +}
  84 +
  85 +.thumbnail.visible-xs {
  86 + float: left;
  87 + height: 43px;
  88 + width: 85px
  89 +}
  90 +.thumbnail.visible-xs > a > img {
  91 + height: 33px;
  92 + width: 80px;
  93 +}
74 94 </style>
75 95 <script id="templateLinks" type="x-tmpl-mustache">
  96 +<div class="row">
  97 + <div class="col-xs-12 col-sm-3 hidden-xs row-action-primary">
  98 + <div class="btn-group-sm pull-right" style="height: 60px;">
  99 +
  100 +<a class="hidden-sm btn btn-primary btn-fab" href="{{{link}}}">
  101 + <i class="material-icons">launch</i>
  102 + </a>
  103 + <button onclick="i3GEO.util.copyToClipboard('{{{link}}}');alerta('{{copiado}}');" class="btn btn-primary btn-fab" >
  104 + <i class="material-icons">content_copy</i>
  105 + </button>
  106 + <button role="button" data-toggle="quadroQrcode" data-url="{{{link}}}" class="btn btn-primary btn-fab btn-fab-max" >
  107 + <span class="glyphicon glyphicon-qrcode" aria-hidden="true"></span>
  108 + </button>
  109 + </div>
  110 +
  111 + </div>
  112 + <div class="col-sm-9 row-content" >
  113 + <h4 class="list-group-item-heading">
  114 + <a href="{{{link}}}" target="_blank">{{{nome}}}</a>
  115 + </h4>
  116 + <p class="list-group-item-text hidden-xs">
  117 + <a href="{{{link}}}" target="_blank">{{{link}}}</a>
  118 + </p>
  119 + <div class="list-group-separator"></div>
  120 + </div>
  121 +</div>
  122 +
  123 +</script>
  124 +<script id="templateLinksX" type="x-tmpl-mustache">
76 125 <div class="list-group">
77   - <div class="row-action-primary">
  126 + <div class="hidden-xs row-action-primary">
78 127 <div class="bs-component btn-group-sm pull-left">
79 128 <a class="btn btn-primary btn-fab" href="{{{link}}}">
80 129 <i class="material-icons">launch</i>
... ... @@ -87,18 +136,16 @@ include &quot;../init/head.php&quot;;
87 136 </button>
88 137 </div>
89 138 </div>
90   - <div class="row-content" style="margin-left:130px;">
  139 + <div class="row-content" >
91 140 <h4 class="list-group-item-heading">
92   - {{{nome}}}
  141 + <a href="{{{link}}}" target="_blank">{{{nome}}}</a>
93 142 </h4>
94 143 <p class="list-group-item-text hidden-xs">
95 144 <a href="{{{link}}}" target="_blank">{{{link}}}</a>
96 145 </p>
97 146 </div>
98   -
99 147 </div>
100 148 <div class="list-group-separator"></div>
101   -
102 149 </script>
103 150 <script id="indiceTpl" type="x-tmpl-mustache">
104 151 <li><a href="#affix-{{ID_MAPA}}">{{{NOME}}}</a></li>
... ... @@ -135,14 +182,18 @@ include &quot;../init/head.php&quot;;
135 182 <!-- Template para criacao dos quadros ver index.js -->
136 183 <div class="escondido hidden">
137 184 <div class="row">
138   - <div class="col-xs-9 center-block escondido hidden" id="botoesTpl">
  185 + <div class="col-xs-12 col-sm-9 center-block escondido hidden" id="botoesTpl">
139 186 <div class="row" id="affix-{{ID_MAPA}}">
140   - <div class="col-xs-12 center-block">
  187 + <div class="col-md-12 center-block">
141 188 <div id="titulo{{ID_MAPA}}" class="panel-group" role="tablist" aria-multiselectable="true">
142 189 <div class="panel panel-default">
143 190 <div class="panel-heading" role="tab" style="background-color:#80cbc4;">
144   - <div class="thumbnail" style="float: left; height: 78px; width: 170px">
145   - <a href="{{{LINK}}}"><img class="img-rounded" style="height: 67px; width: 160px"
  191 + <div class="thumbnail visible-xs">
  192 + <a href="{{{LINK}}}"><img class="img-rounded"
  193 + src="{{{IMAGEM}}}" /></a>
  194 + </div>
  195 + <div class="thumbnail hidden-xs">
  196 + <a href="{{{LINK}}}"><img class="img-rounded"
146 197 src="{{{IMAGEM}}}" /></a>
147 198 </div>
148 199 <h3 class="panel-title" >
... ... @@ -171,13 +222,12 @@ include &quot;../init/head.php&quot;;
171 222 </div>
172 223 </div>
173 224 </div>
174   -
175 225 </div>
176 226 </div>
177 227 </div>
178 228 <div class="row">
179   - <div class="col-xs-3">
180   - <nav class="bs-docs-sidebar hidden-xs affix" style="" id="indiceSpy">
  229 + <div class="col-sm-3 hidden-xs">
  230 + <nav class="bs-docs-sidebar affix" style="" id="indiceSpy">
181 231 <ul class="nav nav-pills nav-stacked" role="tablist" id="indice">
182 232  
183 233 </ul>
... ...