update responsive

parent 7325370f
......@@ -13,6 +13,10 @@
width: 210px !important;
}
div .info-product-box {
display: none !important;
}
/* div .info-product-box {
top: 10% !important;
left: -251px !important;
height: 80px !important;
......@@ -31,7 +35,7 @@
}
.info-product-box-content {
padding: 2px 1px !important;
}
} */
div .product_list_category {
max-height: 107px !important;
}
......@@ -39,6 +43,9 @@
div #product-list-globe {
max-height: 194px !important;
}
.title{
display: none;
}
}
/* -----------END iPhone X Landscape ----------- */
......@@ -57,6 +64,10 @@
width: 210px !important;
}
div .info-product-box {
display: none !important;
}
/* div .info-product-box {
top: 17% !important;
left: -251px !important;
height: 80px !important;
......@@ -75,7 +86,7 @@
}
.info-product-box-content {
padding: 2px 1px !important;
}
} */
div .product_list_category {
max-height: 107px !important;
}
......@@ -83,6 +94,9 @@
div #product-list-globe {
max-height: 194px !important;
}
.title{
display: none;
}
}
/* ----------- END iPhone 6+, 7+ and 8+ Landscape----------- */
......@@ -101,6 +115,10 @@
}
div .info-product-box {
display: none !important;
}
/* div .info-product-box {
top: 17% !important;
left: -251px !important;
height: 80px !important;
......@@ -119,7 +137,7 @@
}
.info-product-box-content {
padding: 2px 1px !important;
}
} */
div .product_list_category {
max-height: 107px !important;
......@@ -128,9 +146,40 @@
div #product-list-globe {
max-height: 194px !important;
}
.title{
display: none;
}
}
/* ----------- 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 ----------- */
@media only screen
and (min-device-width: 320px)
......@@ -145,7 +194,10 @@
width: 210px !important;
}
div .info-product-box {
/* position: fixed !important; */
display: none !important;
}
/* div .info-product-box {
top: 17% !important;
left: -251px !important;
height: 80px !important;
......@@ -164,7 +216,7 @@
}
.info-product-box-content {
padding: 2px 1px !important;
}
} */
div .product_list_category {
max-height: 107px !important;
......@@ -173,6 +225,9 @@
div #product-list-globe {
max-height: 194px !important;
}
.title{
display: none;
}
}
/* ----------- END iPhone 5, 5S, 5C and 5SE landscape ----------- */
......@@ -209,6 +264,19 @@
.actionsShoppingCart{
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 ----------- */
......@@ -240,6 +308,19 @@
.actionsShoppingCart{
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 ----------- */
......@@ -268,6 +349,10 @@
.actionsShoppingCart{
padding-top: 15px;
}
.title{
left: 10% !important;
top: 0% !important;
}
}
/* ----------- END iPhone 6, 6S, 7 and 8 Portrait----------- */
......
......@@ -135,8 +135,8 @@
<div id="reportPage" class="wrapper" style="background-color: #ecf0f5">
<div id="minimap" class="minimap"></div>
<section class="content">
<div class="row col-lg-11 title">
<section class="content" style="overflow-y: auto; height: 89vh">
<div class="row col-lg-11 col-xs-12 title">
<div class="box box-success box-solid info">
<div class="box-header with-border">
<h3>{{ searchInfo.title }}, {{ searchInfo.startDate }} to {{ searchInfo.endDate}}</h3>
......@@ -146,16 +146,16 @@
<!-- /.box-header -->
<div class="box-body">
<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>
</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>
</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>
</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>
</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