alteração na posição do botão qrcode

Edmar Moretti
1 parent c5dad11d
Showing 3 changed files with 35 additions and 26 deletions Show diff stats
init/head.php
init/index.php
mapas/index.php
@@ -96,5 +96,17 @@ hr {
 	background-color: #3f51b5;
 }
 .navbar-collapse { max-height: 100% !important; }
+
+.btn.btn-fab.btn-fab-mini {
+    font-size: 12px;
+    height: 24px;
+    min-width: 24px;
+    padding-bottom: 5px;
+    padding-left: 5px;
+    padding-right: 5px;
+    padding-top: 5px;
+    width: 24px;
+}
+
 </style>
 </head>
@@ -35,19 +35,7 @@ if (file_exists ( $dir_tmp )) {
 error_reporting ( 0 );
 include "head.php";
 ?>
-<style>
-.btn-qrcode {
-	background-color: #fff;
-	color: #ddd;
-	margin: 5px;
-	width: 13px;
-	position: absolute;
-	top: 12px;
-	left: 28px;
-	text-align: center;
-	border-radius: 20%;
-}
-</style>
+
 <body style="background-color: #eeeeee; padding-top: 90px;" id="topo">
 	<nav class="navbar navbar-fixed-top navbar-inverse" role="navigation">
 		<div class="container-fluid">
@@ -88,7 +76,8 @@ include &quot;head.php&quot;;
 	</nav>
 	<nav class="navbar-fixed-bottom">
 		<div class="container-fluid hidden">
-			<div class="jumbotron" id="jumbotron" style="background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.8); ">
+			<div class="jumbotron" id="jumbotron"
+				style="background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.8);">
 				<!-- Template para mensagem do i3Geo -->
 				<ul class="list-inline">
 					<li><img class="pull-left" src='../imagens/i3Geo_bigTransp.png'
@@ -109,11 +98,11 @@ include &quot;head.php&quot;;
 				<div class="cartao {{{fa}}} col-xs-12 center-block"
 					style="width: 260px; min-width: 260px; max-width: 260px;">
 					<div class="panel panel-default">
-						<div class="panel-body" style="max-height: 250px;">
-							<div class="thumbnail" role="button" style="height: 90px;" data-toggle="quadroQrcode"
-								data-url="{{{href}}}">
-								<img class="img-rounded" style="height: 100%; width: 100%" src="imagens/{{{img}}}" /> <i
-									class="fa fa-qrcode btn-qrcode pull-right"></i>
+						<div class="panel-body" style="max-height: 270px;">
+							<div class="thumbnail" role="button" style="height: 90px;" >
+								<a target="{{{target}}}" href="{{{href}}}">
+								<img class="img-rounded" style="height: 100%; width: 100%" src="imagens/{{{img}}}" />
+								</a>
 							</div>
 							<h4>{{{titulo}}}</h4>
 							<div class="hidden-xs" style="overflow: auto; height: 200px;">
@@ -122,8 +111,18 @@ include &quot;head.php&quot;;
 						</div>
 						<div class="panel-footer text-right"
 							style="padding: 0px; padding-right: 15px; border: 0px; background-color: white;">
-							<a class="btn btn-primary" href="{{{href}}}" role="button" target="{{{target}}}"> {{{abrir}}}
-							</a>
+							<div class="row center-block">
+								<div class="col-xs-6" style="line-height: 3.5;text-align: left;">
+								<a role="button" data-toggle="quadroQrcode" data-url="{{{href}}}" class="btn btn-primary btn-fab btn-fab-mini" href="#"> <span
+									class="glyphicon glyphicon-qrcode" aria-hidden="true"></span>
+								</a>
+								</div>
+								<div class="col-xs-6" >
+								<a class="btn btn-primary" href="{{{href}}}" role="button" target="{{{target}}}">
+									{{{abrir}}} </a>
+									</div>
+
+							</div>
 						</div>
 					</div>
 				</div>
@@ -132,7 +131,7 @@ include &quot;head.php&quot;;
 				style="width: 260px; min-width: 260px; max-width: 260px;">
 				<div class="panel panel-default">
 					<div class="panel-body">
-						<a class="twitter-timeline tline" href="" data-widget-id="288061915689787392" height="267">Tweets
+						<a class="twitter-timeline tline" href="" data-widget-id="288061915689787392" height="289">Tweets
 							@i3Geo</a>
 					</div>
 				</div>
@@ -141,7 +140,7 @@ include &quot;head.php&quot;;
 				style="width: 260px; min-width: 260px; max-width: 260px;">
 				<div class="panel panel-default">
 					<div class="panel-body">
-						<a class="twitter-timeline htag" href="" data-widget-id="643417277208133633" height="267">i3geo
+						<a class="twitter-timeline htag" href="" data-widget-id="643417277208133633" height="289">i3geo
 							Tweets</a>
 					</div>
 				</div>
@@ -227,7 +226,7 @@ include &quot;head.php&quot;;
 			$('[data-toggle="quadroQrcode"]').popover({
 				html: true,
 				placement: "auto",
-				trigger: "click focus",
+				trigger: "focus",
 				content: function(){
 					var urlqr = "../pacotes/qrcode/php/qr_img.php?host=" + window.location.host + "&u=" + $(this).attr("data-url");
 					return "<a title='click' href='"+ $(this).attr("data-url") +"'><img style='width:200px; height: 200px;' src='" + urlqr + "' '></a>";
@@ -51,8 +51,6 @@ include &quot;../init/head.php&quot;;
 	</h4>
 </div>
 <div class="list-group-separator"></div>
-
-
 </script>
 <body style="background-color: #eeeeee; padding-top: 55px;" id="topo" data-spy="scroll" data-target="#indiceSpy" data-offset="80">
 	<nav class="navbar navbar-fixed-top navbar-inverse" role="navigation">
	@@ -96,5 +96,17 @@ hr {		@@ -96,5 +96,17 @@ hr {
96	background-color: #3f51b5;	96	background-color: #3f51b5;
97	}	97	}
98	.navbar-collapse { max-height: 100% !important; }	98	.navbar-collapse { max-height: 100% !important; }
		99	+
		100	+.btn.btn-fab.btn-fab-mini {
		101	+ font-size: 12px;
		102	+ height: 24px;
		103	+ min-width: 24px;
		104	+ padding-bottom: 5px;
		105	+ padding-left: 5px;
		106	+ padding-right: 5px;
		107	+ padding-top: 5px;
		108	+ width: 24px;
		109	+}
		110	+
99	</style>	111	</style>
100	</head>	112	</head>