ajustes a responsive

respuesta al issue #38 Mejorar usabilidad panel consulta
organizando el entorno para mejorar el panel consulta relacionando con el issue #38 Mejorar usabilidad paner consulta
2020-05-13 12:12:22 -05:00 · 2020-05-06 15:46:59 -05:00 · 2020-05-05 10:34:57 -05:00
4 changed files with 117 additions and 131 deletions
--- a/index.php
+++ b/index.php
@ -37,7 +37,7 @@
 <meta name='apple-mobile-web-app-status-bar-style' content='black-translucent'/>
    <!-- Chrome, Firefox OS y Opera -->
 <link rel='stylesheet' href='./librerias/animate/animate.min.css'>
-
+<link rel='stylesheet' href='librerias/css/tupale.css'>



@ -1769,13 +1769,13 @@ echo "


 <div class='modal fade  animated' id='muestraInfo' tabindex='-1' role='dialog' aria-labelledby='myModalLabel' aria-hidden='true'>
-  <div <div id="modal_landing"  class='modal-dialog modal-lg' >
-    <div class='modal-content'>
-      <div class='modal-header' >
-        <button type='button' class='close' data-dismiss='modal' aria-hidden='true'><i class='fa fa-times-circle'></i></button>
-        <div id='titulo_modal'></div>
-      </div>
-      <div class='modal-body'>
+  <div <div id='modal-landing-consulta'  class='modal-dialog modal-lg' >
+    <div id='contenido-landing-consulta' class='modal-content'>
+			<div id='header-landing-consulta' class='modal-header' >
+					<button type='button' class='close' data-dismiss='modal' aria-hidden='true'><i class='glyphicon glyphicon-remove'></i> </button>
+				<h4 class='modal-title' id='myModalLabel_info'><div id='titulo_modal'></div>Panel Editor Consulta</h4>
+			</div>
+      <div id='landing-consulta' class='modal-body'>

       <div id='muestra_form'>

--- a/librerias/css/tupale.css
+++ b/librerias/css/tupale.css
@ -0,0 +1,87 @@
+/* Portal Consulta Editor*/
+#muestraInfo {
+	position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  overflow: hidden;
+}
+#modal-landing-consulta{
+	position: fixed;
+  margin: 0;
+  width: 100% !important;
+  height: 100%;
+  padding: 0;
+}
+
+#contenido-landing-consulta {
+	position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  border-radius: 0;
+  box-shadow: none;
+}
+
+#header-landing-consulta{
+position: absolute;
+  top: 0;
+  right: 0;
+  left: 0;
+  height: 50px;
+  padding: 10px;
+  background: #e5e5e5;
+  border: 0;
+}
+
+#panel-buscador {
+	margin-bottom: 0px !important;
+}
+
+#landing-consulta {
+	position: absolute;
+	top: 50px;
+	bottom: 60px !important;
+	display: flex;
+	width: 100%;
+	max-height: calc(100vh - 100px);
+}
+
+.scroll{
+	overflow-y: auto;
+	cursor: pointer;
+}
+.acciones-consulta>a {
+    margin-bottom: 3px;
+}
+#id_consultas>td{
+	background-color: red;
+}
+
+#div_resultados{
+	height: auto !important;
+	scroll-behavior: auto;
+}
+#pie_modal{
+	position: absolute;
+right: 0;
+bottom: 0;
+left: 0;
+height: 50px;
+padding: 12px;
+background: #e5e5e5;
+}
+
+
+.landing-heading .glyphicon {
+  transition: .3s transform ease-in-out;
+}
+.landing-heading .collapsed .glyphicon {
+  transform: rotate(90deg);
+}
+
+.input-group {
+	padding-bottom: 10px;
+}
--- a/2
+++ b/2
@ -1 +1 @@
-Subproject commit 01df026a5b8baa93f7d670d3aa0eaed77d7e98c1
+Subproject commit ec12802c476f5bd537dba160118c19a102a9bd8a
--- a/portal.php
+++ b/portal.php
@ -1,5 +1,5 @@
 <?php
-/// ESTE ARCHIVO DEBE ESTAR UN NIVEL POR ENCIMA DEL DIRECTORIO milfs 
+/// ESTE ARCHIVO DEBE ESTAR UN NIVEL POR ENCIMA DEL DIRECTORIO milfs
 session_start();
 //ini_set('display_errors', 'On');
 require ('milfs/xajax/xajax.inc.php');
@ -9,7 +9,7 @@ require ('milfs/funciones/convert.php');
 require ('milfs/funciones/login.php');
 require ("milfs/funciones/conex.php");
 require ("milfs/includes/markdown.php");
-$xajax->processRequests(); 
+$xajax->processRequests();
 $logo = remplacetas('empresa','id','1','imagen') ;
 $direccion = remplacetas('empresa','id','1','direccion') ;
 $telefono = remplacetas('empresa','id','1','telefono_1') ;
@ -46,100 +46,6 @@ $web = remplacetas('empresa','id','1','web') ;
 <!--   <script src="http://code.jquery.com/jquery-2.1.0.min.js"></script> -->
 <!--   <link rel="points" type="application/json" href="json.php?id=<?php echo $_REQUEST["id"] ?>"> -->
 <link href="milfs/css/carousel.css" rel="stylesheet">
-<style type="text/css">
-body {
-    background: url("") no-repeat center center fixed;
-    -webkit-background-size: cover;
-    -moz-background-size: cover;
-    -o-background-size: cover;
-    background-size: cover;
-    color: gray;
-    background-color: black;}
-.alert-info{
-color: #341208;
-border-color:  #341208;
-background-image: url("");
-}
-
-.jumbotron {
-/* background-image: url("milfs/images/secure/?file=full/<?php echo $logo[0];?>"); */
-background-size: cover;
-background-position: center;
-/* text-shadow:  1px 1px 1px rgba(255,255,255,0.8) ; */
-background-color: black;
-
-}
-
-.navbar-header > p { font-size:20px; color: white; font-family: "Open Sans",sans-serif; font-weight: normal;display:inline }
-.navbar-header > strong{ font-size:20px; color: #802a2a; font-weight: normal; font-family: "Open Sans",sans-serif; ;display:inline}
-.navbar-header {width: 50%;}
-
-.div_aplicacion {
-background-color: #f0eee1 !important;
-}
-.div_aplicacion:hover {
-   -webkit-animation: animatedBackground 1s ease-out 1;
-        -moz-animation: animatedBackground 1s ease-out 1;
-        animation: animatedBackground 1s ease-out 1;
-        -webkit-animation-fill-mode: forwards;
-        animation-fill-mode: forwards;
-        z-index: 10000;
-}
-
-    @-webkit-keyframes animatedBackground {
-        0% {
-            -webkit-transform: scale(1, 1);
-            -moz-transform: scale(1, 1);
-            -ms-transform: scale(1, 1);
-            -o-transform: scale(1, 1);
-            transform: scale(1, 1)
-        }
-        100% {
-        -webkit-transform: scale(1.1, 1.1);
-        -moz-transform: scale(1.1, 1.1);
-        -ms-transform: scale(1.1, 1.1);
-        -o-transform: scale(1.1, 1.1);
-        transform: scale(1.1, 1.1)
-        }
-
-    }
-    
-    
-    @-moz-keyframes animatedBackground {
-        0% {
-            -webkit-transform: scale(1, 1);
-            -moz-transform: scale(1, 1);
-            -ms-transform: scale(1, 1);
-            -o-transform: scale(1, 1);
-            transform: scale(1, 1)
-        }
-        100% {
-            -webkit-transform: scale(1.1, 1.1);
-            -moz-transform: scale(1.1, 1.1);
-            -ms-transform: scale(1.1, 1.1);
-            -o-transform: scale(1.1, 1.1);
-            transform: scale(1.1, 1.1)
-        }
-
-    }
-    @keyframes animatedBackground {
-        0% {
-            -webkit-transform: scale(1, 1);
-            -moz-transform: scale(1, 1);
-            -ms-transform: scale(1, 1);
-            -o-transform: scale(1, 1);
-            transform: scale(1, 1)
-        }
-        100% {
-            -webkit-transform: scale(1.1, 1.1);
-            -moz-transform: scale(1.1, 1.1);
-            -ms-transform: scale(1.1, 1.1);
-            -o-transform: scale(1.1, 1.1);
-            transform: scale(1.1, 1.1)
-        }
-
-    }
-</style>
 <?php if($_REQUEST[id] !='' AND $_REQUEST[c]){$onload ="<script type=\"text/javascript\"> xajax_formulario_modal('$_REQUEST[id]','','$_REQUEST[c]','$_REQUEST[t]')</script>";} ?>
 </head>
 <body>
@ -149,16 +55,16 @@ background-color: #f0eee1 !important;
      <nav class="navbar navbar-inverse" role="navigation">
      	<div class="container-fluid">
      	  <div class='col-sx-12 ' id='logo_cabecera' style='width:100%;left:40px; background-color: white; '>
-      	 
+
 		      <div class='pull-right' >
 		      	<div style="">
 		      	<a title="Email" target="_redes" href="mailto:<?php echo $email[0];?>"><span style='font-size:20px; color:#E6E6E6'><i class='fa fa-envelope'></i></span></a>
 		      	<a title="Facebook" target="_redes" href="<?php echo $facebook[0];?>"><span style='font-size:20px; color:#E6E6E6'><i class='fa fa-facebook-square'></i></span></a>
 		      	<a title="Twitter" target="_redes" href="https://twitter.com/<?php echo $twitter[0];?>"><span style='font-size:20px; color:#E6E6E6'><i class='fa fa-twitter'></i></span></a>
 		      	<a title="Inicio" target="" href="?"><span style='font-size:20px; color:#E6E6E6'><i class='fa fa-home'></i></span></a>
-		      	
+
 		      	</div>
-		      	
+
 		      </div>
 	      </div>
          <div class="navbar-header" style="  ">
@ -168,16 +74,16 @@ background-color: #f0eee1 !important;
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
-            
+
            	<p>|<?php echo $razon_social[0];?>|</p>
 	<strong><?php echo $slogan[0];?></strong>
-				
+
          </div>
          <div class="navbar-collapse collapse">
            <ul class="nav navbar-nav">
-            
+
 					<li></li>
-              
+
            </ul>

          </div><!--/.nav-collapse -->
@ -185,7 +91,7 @@ background-color: #f0eee1 !important;
      </nav>

  			<?php echo aplicacion_carrusel("","8","galeria") ;	 ?>
-  
+
    <div class="container-fluid">
 		<div class="row">
 			<div class="col-sm-8">
@ -194,14 +100,14 @@ background-color: #f0eee1 !important;
 			<div class="col-sm-4">
 			</div>
 		</div>
-	<?php  
+	<?php
 	if(isset($_REQUEST[id])){ echo contenido_aplicacion("$_REQUEST[id]","contenido"); }
-	else{	
-	
+	else{
+
 	//echo contenido_aplicacion_nombre("Portada","banner") ;
 	//echo aplicaciones_listado("","grid");} ?>
 	<div class="container" style="width:80%">
-	<?php echo aplicaciones_listado("","banner");} 
+	<?php echo aplicaciones_listado("","banner");}
 	?>
 	</div>
 <br></br>
@ -219,31 +125,24 @@ background-color: #f0eee1 !important;
        <h4 class='modal-title' id='myModalLabel_info'><div id='titulo_modal'></div></h4>
      </div>
      <div class='modal-body'>
-      
+
       <div id='muestra_form'></div>
      </div>
      <div class='modal-footer' id='pie_modal'>
-        
-       
+
+
      </div>
    </div>
  </div>
 </div>
-	       <div class='pie' style=" position: fixed; z-index: 10000;
-  bottom: 0;
-  width: 100%;
-  /* Set the fixed height of the footer here */
-  height: 50px;
-  background-color: white;
-background-image: url('milfs/images/menosmicos/background.jpg');
-">
+	       <div class='pie'>
 	      <p class='text-center'> <?php echo "$razon_social[0] $slogan[0] $direccion[0] $telefono[0] <a href ='$web[0]'>$web[0]</a>";  ?></p>
-        <a class='pull-right' href='http://QWERTY.co/milfs'>Powered by: &copy; MILFS </a> 
-        	</div> 
+        <a class='pull-right' href='http://QWERTY.co/milfs'>Powered by: &copy; MILFS </a>
+        	</div>
    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
-     <script src="milfs/js/jquery.min.js"></script> 
+     <script src="milfs/js/jquery.min.js"></script>
    <script src="milfs/js/bootstrap.min.js"></script>
    <script src="milfs/js/scripts.js"></script>
 </body>
Author	SHA1	Message	Date
Hacky Purple	14b8c28bb6	ajustes a responsive	2020-05-13 12:12:22 -05:00
Hacky Purple	29ad943a7e	respuesta al issue #38 Mejorar usabilidad panel consulta	2020-05-06 15:46:59 -05:00
Hacky Purple	500e08cd2f	organizando el entorno para mejorar el panel consulta relacionando con el issue #38 Mejorar usabilidad paner consulta	2020-05-05 10:34:57 -05:00