Просмотр исходного кода

[producer] Adaptation responsive

refactoring
Guillaume Bourgeois 5 лет назад
Родитель
Сommit
e15b49e70e
2 измененных файлов: 52 добавлений и 46 удалений
  1. +40
    -36
      producer/web/css/screen.css
  2. +12
    -10
      producer/web/sass/_responsive.scss

+ 40
- 36
producer/web/css/screen.css Просмотреть файл

@@ -1745,82 +1745,82 @@ termes.
left: 0px;
text-align: center;
width: 100%;
padding: 0px;
}
/* line 46, ../sass/_responsive.scss */
/* line 48, ../sass/_responsive.scss */
#header-bap #logo {
margin-left: 10px;
}

/* line 52, ../sass/_responsive.scss */
#header .container {
margin-left: 15px;
margin-right: 15px;
}
/* line 58, ../sass/_responsive.scss */
#header #credit .info {
display: block;
/* line 54, ../sass/_responsive.scss */
#left .fixed {
position: relative;
}

/* line 67, ../sass/_responsive.scss */
/* line 62, ../sass/_responsive.scss */
#main #img-big {
display: none;
}
/* line 68, ../sass/_responsive.scss */
#main nav#main-nav ul li {
display: block;
float: none;
}
/* line 71, ../sass/_responsive.scss */
/* line 72, ../sass/_responsive.scss */
#main nav#main-nav ul li.active a {
border-bottom: solid 1px white;
background-color: #FF7F00;
color: white;
}
/* line 76, ../sass/_responsive.scss */
/* line 77, ../sass/_responsive.scss */
#main nav#main-nav ul li.active a:hover {
background-color: #FF7F00;
color: white;
}
/* line 82, ../sass/_responsive.scss */
/* line 83, ../sass/_responsive.scss */
#main nav#main-nav ul li a {
display: block;
border-bottom: solid 1px #e0e0e0;
}
/* line 86, ../sass/_responsive.scss */
/* line 87, ../sass/_responsive.scss */
#main nav#main-nav ul li a:hover {
background-color: white;
color: #FF7F00;
}
/* line 93, ../sass/_responsive.scss */
/* line 94, ../sass/_responsive.scss */
#main nav#main-nav ul li#btn-administration {
float: none;
}
/* line 95, ../sass/_responsive.scss */
/* line 96, ../sass/_responsive.scss */
#main nav#main-nav ul li#btn-administration a:hover {
background-color: white;
color: #FF7F00;
}
/* line 103, ../sass/_responsive.scss */
/* line 104, ../sass/_responsive.scss */
#main h2#page-title {
text-align: center;
}
/* line 109, ../sass/_responsive.scss */
/* line 110, ../sass/_responsive.scss */
#main #products td {
padding: 3px;
}
/* line 113, ../sass/_responsive.scss */
/* line 114, ../sass/_responsive.scss */
#main #products .td-photo, #main #products .th-photo {
display: none;
}
/* line 117, ../sass/_responsive.scss */
/* line 118, ../sass/_responsive.scss */
#main #products .product {
font-size: 12px;
}
/* line 119, ../sass/_responsive.scss */
/* line 120, ../sass/_responsive.scss */
#main #products .product .nom {
font-size: 15px;
}
/* line 126, ../sass/_responsive.scss */
/* line 127, ../sass/_responsive.scss */
#main #bar-fixed {
position: relative;
}
/* line 128, ../sass/_responsive.scss */
/* line 129, ../sass/_responsive.scss */
#main #bar-fixed .btn-comment {
float: none;
display: block;
@@ -1829,66 +1829,70 @@ termes.
margin-top: 15px;
}

/* line 138, ../sass/_responsive.scss */
/* line 139, ../sass/_responsive.scss */
.order-create #main #content .order-form #products .table .input-group,
.order-update #main #content .order-form #products .table .input-group {
width: 60px;
}
/* line 142, ../sass/_responsive.scss */
/* line 143, ../sass/_responsive.scss */
.order-create #main #content .order-form #products .table .input-group .form-control,
.order-update #main #content .order-form #products .table .input-group .form-control {
width: 20px;
padding: 3px;
}

/* line 148, ../sass/_responsive.scss */
/* line 149, ../sass/_responsive.scss */
.order-create #main #content .order-form #bar-fixed #checkbox-credit,
.order-update #main #content .order-form #bar-fixed #checkbox-credit {
width: 100%;
margin: 0px;
padding: 5px 0px;
}
/* line 154, ../sass/_responsive.scss */
/* line 155, ../sass/_responsive.scss */
.order-create #main #content .order-form #bar-fixed #checkbox-credit .the-credit,
.order-update #main #content .order-form #bar-fixed #checkbox-credit .the-credit {
word-break: break-all;
}

/* line 159, ../sass/_responsive.scss */
/* line 160, ../sass/_responsive.scss */
.order-create #main #content .order-form #bar-fixed #block-confirm-order button,
.order-update #main #content .order-form #bar-fixed #block-confirm-order button {
width: 100%;
}

/* line 168, ../sass/_responsive.scss */
.order-order #app-order-order #steps ul {
height: auto;
}
/* line 170, ../sass/_responsive.scss */
.order-order #app-order-order #steps ul li {
padding-left: 0px;
padding-right: 0px;
}
/* line 172, ../sass/_responsive.scss */
/* line 174, ../sass/_responsive.scss */
.order-order #app-order-order #steps ul li .info-step {
display: none;
}
/* line 176, ../sass/_responsive.scss */
/* line 178, ../sass/_responsive.scss */
.order-order #app-order-order #steps ul li .btn::after,
.order-order #app-order-order #steps ul li .btn::before {
display: none;
}
/* line 187, ../sass/_responsive.scss */
/* line 189, ../sass/_responsive.scss */
.order-order #app-order-order table#products td.name .recipe {
display: none;
}
/* line 193, ../sass/_responsive.scss */
/* line 195, ../sass/_responsive.scss */
.order-order #app-order-order table#products td.td-quantity .input-group-btn {
width: 100%;
display: block;
}
/* line 197, ../sass/_responsive.scss */
/* line 199, ../sass/_responsive.scss */
.order-order #app-order-order table#products td.td-quantity .input-group-btn button {
width: 100%;
display: block;
}
/* line 207, ../sass/_responsive.scss */
/* line 209, ../sass/_responsive.scss */
.order-order #app-order-order #order-success .alert .glyphicon-big {
font-size: 90px;
color: white;
@@ -1898,13 +1902,13 @@ termes.
text-align: center;
margin-bottom: 20px;
}
/* line 216, ../sass/_responsive.scss */
/* line 218, ../sass/_responsive.scss */
.order-order #app-order-order #order-success .alert div.content {
margin-left: 0px;
text-align: center;
}

/* line 227, ../sass/_responsive.scss */
/* line 229, ../sass/_responsive.scss */
#footer .content {
text-align: center;
}

+ 12
- 10
producer/web/sass/_responsive.scss Просмотреть файл

@@ -43,25 +43,26 @@ termes.
left: 0px ;
text-align: center ;
width: 100% ;
padding: 0px ;
#logo {
margin-left: 10px ;
}
}
#header {
.container {
margin-left: 15px ;
margin-right: 15px ;
}
#credit {
.info {
display: block ;
}
#left {
.fixed {
position: relative ;
}
}
#main {
#img-big {
display: none ;
}
nav#main-nav {
ul {
li {
@@ -165,6 +166,7 @@ termes.
#app-order-order {
#steps {
ul {
height: auto ;
li {
padding-left: 0px ;
padding-right: 0px ;

Загрузка…
Отмена
Сохранить