update responsive

parent 7325370f
...@@ -13,6 +13,10 @@ ...@@ -13,6 +13,10 @@
width: 210px !important; width: 210px !important;
} }
div .info-product-box { div .info-product-box {
display: none !important;
}
/* div .info-product-box {
top: 10% !important; top: 10% !important;
left: -251px !important; left: -251px !important;
height: 80px !important; height: 80px !important;
...@@ -31,7 +35,7 @@ ...@@ -31,7 +35,7 @@
} }
.info-product-box-content { .info-product-box-content {
padding: 2px 1px !important; padding: 2px 1px !important;
} } */
div .product_list_category { div .product_list_category {
max-height: 107px !important; max-height: 107px !important;
} }
...@@ -39,6 +43,9 @@ ...@@ -39,6 +43,9 @@
div #product-list-globe { div #product-list-globe {
max-height: 194px !important; max-height: 194px !important;
} }
.title{
display: none;
}
} }
/* -----------END iPhone X Landscape ----------- */ /* -----------END iPhone X Landscape ----------- */
...@@ -57,6 +64,10 @@ ...@@ -57,6 +64,10 @@
width: 210px !important; width: 210px !important;
} }
div .info-product-box { div .info-product-box {
display: none !important;
}
/* div .info-product-box {
top: 17% !important; top: 17% !important;
left: -251px !important; left: -251px !important;
height: 80px !important; height: 80px !important;
...@@ -75,7 +86,7 @@ ...@@ -75,7 +86,7 @@
} }
.info-product-box-content { .info-product-box-content {
padding: 2px 1px !important; padding: 2px 1px !important;
} } */
div .product_list_category { div .product_list_category {
max-height: 107px !important; max-height: 107px !important;
} }
...@@ -83,6 +94,9 @@ ...@@ -83,6 +94,9 @@
div #product-list-globe { div #product-list-globe {
max-height: 194px !important; max-height: 194px !important;
} }
.title{
display: none;
}
} }
/* ----------- END iPhone 6+, 7+ and 8+ Landscape----------- */ /* ----------- END iPhone 6+, 7+ and 8+ Landscape----------- */
...@@ -101,6 +115,10 @@ ...@@ -101,6 +115,10 @@
} }
div .info-product-box { div .info-product-box {
display: none !important;
}
/* div .info-product-box {
top: 17% !important; top: 17% !important;
left: -251px !important; left: -251px !important;
height: 80px !important; height: 80px !important;
...@@ -119,7 +137,7 @@ ...@@ -119,7 +137,7 @@
} }
.info-product-box-content { .info-product-box-content {
padding: 2px 1px !important; padding: 2px 1px !important;
} } */
div .product_list_category { div .product_list_category {
max-height: 107px !important; max-height: 107px !important;
...@@ -128,9 +146,40 @@ ...@@ -128,9 +146,40 @@
div #product-list-globe { div #product-list-globe {
max-height: 194px !important; max-height: 194px !important;
} }
.title{
display: none;
}
} }
/* ----------- END iPhone 6, 6S, 7 and 8 Landscape----------- */ /* ----------- END iPhone 6, 6S, 7 and 8 Landscape----------- */
/* ----------- Device HUAWEI ----------- */
@media screen
and (min-device-width: 360px)
and (max-device-width: 640px)
and (orientation: landscape) {
.skin-yellow .main-header .navbar .dropdown-menu li a {
color: #3c8dbc;
}
#option-list {
width: 210px !important;
}
div .info-product-box {
display: none !important;
}
div .product_list_category {
max-height: 107px !important;
}
div #product-list-globe {
max-height: 194px !important;
}
.title{
display: none;
}
}
/* ----------- END Device HUAWEI ----------- */
/* ----------- iPhone 5, 5S, 5C and 5SE landscape ----------- */ /* ----------- iPhone 5, 5S, 5C and 5SE landscape ----------- */
@media only screen @media only screen
and (min-device-width: 320px) and (min-device-width: 320px)
...@@ -145,7 +194,10 @@ ...@@ -145,7 +194,10 @@
width: 210px !important; width: 210px !important;
} }
div .info-product-box { div .info-product-box {
/* position: fixed !important; */ display: none !important;
}
/* div .info-product-box {
top: 17% !important; top: 17% !important;
left: -251px !important; left: -251px !important;
height: 80px !important; height: 80px !important;
...@@ -164,7 +216,7 @@ ...@@ -164,7 +216,7 @@
} }
.info-product-box-content { .info-product-box-content {
padding: 2px 1px !important; padding: 2px 1px !important;
} } */
div .product_list_category { div .product_list_category {
max-height: 107px !important; max-height: 107px !important;
...@@ -173,6 +225,9 @@ ...@@ -173,6 +225,9 @@
div #product-list-globe { div #product-list-globe {
max-height: 194px !important; max-height: 194px !important;
} }
.title{
display: none;
}
} }
/* ----------- END iPhone 5, 5S, 5C and 5SE landscape ----------- */ /* ----------- END iPhone 5, 5S, 5C and 5SE landscape ----------- */
...@@ -209,6 +264,19 @@ ...@@ -209,6 +264,19 @@
.actionsShoppingCart{ .actionsShoppingCart{
padding-top: 25px; padding-top: 25px;
} }
.title{
left: 12% !important;
top: 0% !important;
}
h4{
font-size: 11px !important;
}
h6{
font-size: 11px !important;
}
h3{
font-size: 14px !important;
}
} }
/* ----------- END iPhone 5, 5S, 5C and 5SE Portrait ----------- */ /* ----------- END iPhone 5, 5S, 5C and 5SE Portrait ----------- */
...@@ -240,6 +308,19 @@ ...@@ -240,6 +308,19 @@
.actionsShoppingCart{ .actionsShoppingCart{
padding-top: 16px; padding-top: 16px;
} }
.title{
left: 12% !important;
top: 0% !important;
}
h4{
font-size: 11px !important;
}
h6{
font-size: 11px !important;
}
h3{
font-size: 14px !important;
}
} }
/* ----------- END Device HUAWEI ----------- */ /* ----------- END Device HUAWEI ----------- */
...@@ -268,6 +349,10 @@ ...@@ -268,6 +349,10 @@
.actionsShoppingCart{ .actionsShoppingCart{
padding-top: 15px; padding-top: 15px;
} }
.title{
left: 10% !important;
top: 0% !important;
}
} }
/* ----------- END iPhone 6, 6S, 7 and 8 Portrait----------- */ /* ----------- END iPhone 6, 6S, 7 and 8 Portrait----------- */
......
...@@ -135,8 +135,8 @@ ...@@ -135,8 +135,8 @@
<div id="reportPage" class="wrapper" style="background-color: #ecf0f5"> <div id="reportPage" class="wrapper" style="background-color: #ecf0f5">
<div id="minimap" class="minimap"></div> <div id="minimap" class="minimap"></div>
<section class="content"> <section class="content" style="overflow-y: auto; height: 89vh">
<div class="row col-lg-11 title"> <div class="row col-lg-11 col-xs-12 title">
<div class="box box-success box-solid info"> <div class="box box-success box-solid info">
<div class="box-header with-border"> <div class="box-header with-border">
<h3>{{ searchInfo.title }}, {{ searchInfo.startDate }} to {{ searchInfo.endDate}}</h3> <h3>{{ searchInfo.title }}, {{ searchInfo.startDate }} to {{ searchInfo.endDate}}</h3>
...@@ -146,16 +146,16 @@ ...@@ -146,16 +146,16 @@
<!-- /.box-header --> <!-- /.box-header -->
<div class="box-body"> <div class="box-body">
<div class="row"> <div class="row">
<div class="col-lg-3 text-center"> <div class="col-lg-3 col-md-4 col-xs-6 text-center">
<h4>Platform: {{ searchInfo.platform }}</h4> <h4>Platform: {{ searchInfo.platform }}</h4>
</div> </div>
<div class="col-lg-3 text-center"> <div class="col-lg-3 col-md-4 col-xs-6 text-center">
<h4>Product level: {{ searchInfo.productLevel }}</h4> <h4>Product level: {{ searchInfo.productLevel }}</h4>
</div> </div>
<div class="col-lg-3 text-center"> <div class="col-lg-3 col-md-4 col-xs-6 text-center">
<h4>Process: {{ searchInfo.process }}</h4> <h4>Process: {{ searchInfo.process }}</h4>
</div> </div>
<div class="col-lg-3 text-center"> <div class="col-lg-3 col-md-4 col-xs-6 text-center">
<h4>Clouds: {{ searchInfo.clouds }} %</h4> <h4>Clouds: {{ searchInfo.clouds }} %</h4>
</div> </div>
</div> </div>
......
Markdown is supported
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