Sfoglia il codice sorgente

ajustes para movil

edgar 7 anni fa
parent
commit
4b4f4eaaef
3 ha cambiato i file con 53 aggiunte e 16 eliminazioni
  1. 3 2
      static/src/css/custom.css
  2. 25 9
      static/src/less/web.less
  3. 25 5
      views/theme.xml

+ 3 - 2
static/src/css/custom.css

@@ -2,9 +2,10 @@
 .cover .blog_title { position: absolute; text-align: center; top: -5%; left: 0; right: 0; }
 .cover_footer { min-height: 215px; height: 215px; cursor: pointer; }
 @media screen and (min-width:991px) {
-  #myCarousel1 { height: 472px; overflow: hidden; }
+	#myCarousel1 { height: 472px; overflow: hidden; }
 }
 @media screen and (min-width:970px) {
-    .portadaamo { height: 472px !important; overflow: hidden; }
+	.portadaamo { height: 472px !important; overflow: hidden; }
 }
 
+

+ 25 - 9
static/src/less/web.less

@@ -2625,7 +2625,7 @@ header a.navbar-brand img {
 .mega-dropdown-menu {
 	display: none;
 	position: absolute;
-	top: 80px;
+	top: 66px !important;
 	left: 0;
 	width: 40%;
 	background: #fff;
@@ -2633,6 +2633,11 @@ header a.navbar-brand img {
 	box-shadow: 0 4px 12px 0 rgba(0, 0, 0, .2);
 	.transition(all, 0.5s, ease);
 
+	@media (max-width:993px) {
+		top: 135px !important;
+
+	}
+
 	@media (max-width:767px) {
 		position: relative;
 		top: auto;
@@ -3510,15 +3515,21 @@ white-space: nowrap;
 }
 
 
-
-.facil{
-	color: @theme;
-    font-size: 12px;
+.facil { color: @theme; font-size: 12px; }
+.bucar_movil { width: 40%; float: right; padding-right: 70px; margin-top: 7px }
+.buscar { background: @theme !important; border: 1px solid @theme }
+@media only screen and (min-width:995px) {
+	.buscador { position: absolute; top: 3px; float: right !important; left: 30% }
+	.bucar_movil { display: none }
+}
+@media only screen and (max-width:600px) and (max-width:994px) { }
+@media only screen and (min-width:600px) and (max-width:994px) {
+	.buscador { display: none }
+	.bucar_movil { display: inherit }
+}
+@media only screen and (min-width:100px) and (max-width:599px) {
+	.bucar_movil { display: none }
 }
-
-
-/*Personalizado Modificado a medida*/
-
 
 @media only screen and (min-device-width:360px) and (max-device-width:409px) and (min-device-aspect-ratio:360/640)  and (orientation:portrait) {
 	.cs-product { display: inline-block; width: 330px !important;
@@ -3612,4 +3623,9 @@ white-space: nowrap;
 	}
 	.adsb-inner2 { height: 280px !important; }
 	.search-toggle { right: -26px !important; }
+}
+
+@media only screen and (min-device-width:768px) and (max-device-width:1366px) and (min-device-aspect-ratio:1366/768){
+
+
 }

+ 25 - 5
views/theme.xml

@@ -118,11 +118,31 @@
 									</div>
 									<div class="top-right col-md-6 col-sm-4 col-xs-4 text-right">
 										<ul class="links">
+											<div class="buscador col-xs-6">
+                                        <form role="form formu_buscador" action="/shop" method="get">
+                                            <div class="row">
+                                                <div class="form-group">
+                                                    <div class="input-group">
+                                                        <t t-set="search_text" t-value="search"/>
+                                                        <input class="form-control" type="text" name="search" placeholder="Buscar..." required="required"/>
+                                                        <span class="input-group-btn">
+                                                            <button class="btn btn-info buscar" type="submit">
+                                                                <i class="fa fa-search" aria-hidden="true"></i>
+                                                            </button>
+                                                        </span>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </form>
+                                    </div>
 											<li t-if="website.user_id == user_id">
-												<a href="/web/login">
-													<i aria-hidden="true" class="fa fa-sign-in" style="font-size: 12px;"/>Iniciar Sesión</a>
-											</li>
-											<li class="hidden-md hidden-lg hidden-xl">
+                                        <a href="/web/login" title="Iniciar Session">
+                                           <i class="fa fa-user" aria-hidden="true"></i>
+                                        
+                                        </a>
+                                    </li>
+
+<!-- 											<li class="hidden-md hidden-lg hidden-xl">
 												<a class="top-link-myaccount" href="#" title="Search">
 													<div class="search-toggle">
 														<span class="st-toggle">
@@ -136,7 +156,7 @@
 														</div>
 													</div>
 												</a>
-											</li>
+											</li> -->
 											<li class="configuration">
 												<a class="top-link-wishlist" href="#" title="Configure">
 													<i class="fa fa-cog"/>