Commit 5fb414682a8d34922eb7537e64984419c8c2caf4

Authored by Karnovsky A
2 parents c9d723d7 bd6eefa5

Merge remote-tracking branch 'origin/master'

# Conflicts:
#	frontend/web/css/style.css
frontend/views/basket/index.php
... ... @@ -121,10 +121,12 @@ $('#orders-delivery input[type=\"radio\"]').click(function(){
121 121  
122 122  
123 123  
124   -<div class="input-blocks-group textareagroup" style="border-bottom: none;">
  124 +<div class="input-blocks-group textareagroup" style="border-bottom: none; padding-bottom: 0;">
125 125 <?php echo $form->field($modelOrder,'body')->textarea(['rows'=>7]); ?>
  126 + <div class="checkout_basket">
  127 + <?php echo Html::submitButton(' Оформить заказ ',array('class'=>'submit4')); ?>
  128 + </div>
126 129  
127   - <?php echo Html::submitButton(' Оформить заказ ',array('class'=>'submit4')); ?>
128 130 </div>
129 131  
130 132 <div class="both"></div>
... ... @@ -157,18 +159,24 @@ $(&#39;#orders-delivery input[type=\&quot;radio\&quot;]&#39;).click(function(){
157 159 </div>
158 160 <?php endforeach;?>
159 161  
160   -<?php echo Html::submitButton(' Пересчитать ',array('name'=>"update",'class'=>'submit4 fl')); ?>
  162 + <div style="margin-top: 10px;">
  163 + <?php echo Html::submitButton(' Пересчитать ',array('name'=>"update",'class'=>'submit4 fl ')); ?>
  164 + </div>
  165 +
161 166  
162 167 <div class="total">
163 168 <?= $form->field($modelOrder, 'total')->hiddenInput(['value'=>$modelOrder->getSumCost()])->label(false); ?>
164 169 Общая сумма: <?=$modelOrder->getSumCost();?> грн.
165 170 </div>
166   -<div class="both"></div>
  171 + <div class="cont_shopping-wr">
  172 + <?= Html::a('Продолжить покупки', ['/site/index'], ['class'=>'btn-success cont_shopping']) ?>
  173 + </div>
  174 +<div class="both"></div>
167 175  
168 176  
169 177  
170 178 </div>
171   - <?= Html::a('Продолжить покупки', ['/site/index'], ['class'=>'btn-success cont_shopping']) ?>
  179 +
172 180 <div class="both"></div>
173 181 <?php ActiveForm::end(); ?>
174 182  
... ...
frontend/web/css/style.css
... ... @@ -119,29 +119,46 @@ a.myorders{color:#f75d50}
119 119 strike, strike span#old_cost{font-size:14px; color: #333}
120 120  
121 121  
122   -.submit4m, a.link_buy {
  122 +.submit4m, a.link_buy, .checkout_basket button, .submit4 {
123 123 background: #95ba2f;
124 124 border-radius:4px;
125 125 height: 29px;
126   -}
127   -a.link_buy {
  126 + text-transform: uppercase;
  127 + color:#ffffff;
  128 + text-decoration:none;
  129 + font-weight:600;
  130 + text-align:center;
  131 + border-bottom: 3px solid #799920;
128 132 font-size: 12px;
  133 +}
  134 +.submit4.bottom3 {font-size: 12px !important;display: block;}
  135 +.basket .submit4.bottom3 {font-size: 12px !important;display: block; margin-top: 10px;}
  136 +a.link_buy, .checkout_basket button {
  137 +
129 138 display:block;
130 139 margin:0 auto 10px auto;
131 140 width:122px;
132 141 line-height:32px;
133   - text-transform: uppercase;color:#ffffff;
134   - text-decoration:none;font-weight:600;
135   - text-align:center;
136   - border-bottom: 3px solid #799920;
137 142 }
138   -a.link_buy:hover, .submit4m:hover {
  143 +.checkout_basket button, .submit4{
  144 + margin: 0;
  145 + padding: 0 20px;
  146 + line-height: 31px;
  147 + width: auto;
  148 + border-top: 0;
  149 + border-left: 0;
  150 + border-right: 0;
  151 + cursor: pointer;
  152 +}
  153 +a.link_buy:hover, .submit4m:hover, .checkout_basket button:hover, .submit4:hover {
139 154 border-bottom: 3px solid #95ba2f;;
140 155 }
141   -a.link_buy:active, .submit4m:active {
  156 +a.link_buy:active, .submit4m:active,.checkout_basket button:active, .submit4:active {
142 157 background: #799920;
143 158 border-bottom: 3px solid #799920;
  159 +
144 160 }
  161 +.checkout_basket button:focus, .submit4:focus { outline: none;}
145 162 .mycarousel{position:absolute;right:0;top:13px;}
146 163 ul.mycarousel{list-style:none;margin:0px;padding:0px;}
147 164 ul.mycarousel li{margin:0px;padding:0px;}
... ... @@ -332,7 +349,7 @@ ul.product_colors li img{
332 349 #modal_close{cursor:pointer;margin-top:-80px;margin-right:-50px;}
333 350  
334 351  
335   -.rightbar .control-label{float:left;width:80px;padding-top:5px;}
  352 +.rightbar .control-label, .textareagroup .control-label {float:left;width:80px;padding-top:5px;}
336 353 .form-control{outline:0;border:1px solid #d8d6d6;border-radius:5px;padding:5px 0px 5px 0px;font-size:14px;text-indent:10px;margin-bottom:3px;width:250px;}
337 354 .form-control:focus {
338 355 border:#1b9bb6 1px solid;
... ... @@ -345,7 +362,7 @@ ul.product_colors li img{
345 362 .basket_item{padding:10px 0px;border-bottom:1px solid #b7b7b7;clear: both}
346 363 .basket_item img{margin-right:20px;}
347 364 .basket_item .count{margin:20px 0px;}
348   -.basket_item .fr{margin-top:5px;}
  365 +.basket_item .fr{margin-top:13px;}
349 366 .basket_item .info{overflow:hidden;}
350 367 .basket_item > a{display: block;
351 368 float: left;}
... ... @@ -354,8 +371,8 @@ a.del:hover{color:#a52828;text-decoration: underline;}
354 371  
355 372 .total{text-align:right;color:#87476a;font-size:20px;margin:10px 0px;}
356 373  
357   -.submit4{margin-top:5px;border:none;padding:8px 13px;background:#95ba2f;border-radius:5px;color:#ffffff;text-transform: uppercase;text-decoration:none;font-size:14px;cursor:pointer;}
358   -.submit4:hover{background:#f75d50;}
  374 +/*.submit4{margin-top:5px;border:none;padding:8px 13px;background:#95ba2f;border-radius:5px;color:#ffffff;text-transform: uppercase;text-decoration:none;font-size:14px;cursor:pointer;}*/
  375 +/*.submit4:hover{background:#f75d50;}*/
359 376  
360 377 .submit4m {font-family: Roboto;border:none;background:#95ba2f;border-radius:4px;color:#ffffff;text-transform: uppercase;font-size:10px;cursor:pointer; width:102px; height: 29px; border-bottom: 3px solid #799920; line-height: 29px;}
361 378 .submit4m:active,.submit4m:focus {outline: none}
... ... @@ -613,8 +630,8 @@ ul.social {margin-top: 20px;}
613 630  
614 631 .content_area{width:450px;}
615 632  
616   -.bottom3{border-top:3px solid #95ba2f !important;border-bottom:3px solid #799920 !important; float:left;font-size:15px;}
617   -.bottom3:hover{border-top:3px solid #f75d50 !important;border-bottom:3px solid #c33327 !important;}
  633 +/*.bottom3{border-top:3px solid #95ba2f !important;border-bottom:3px solid #799920 !important; float:left;font-size:15px;}*/
  634 +/*.bottom3:hover{border-top:3px solid #f75d50 !important;border-bottom:3px solid #c33327 !important;}*/
618 635 #cancel{text-decoration:none;color:#799920;font-size:13px;border-bottom:1px dotted #799920;float:left;margin-left:40px;}
619 636  
620 637 .buttons{
... ... @@ -1096,7 +1113,7 @@ ul.product-special li.new {
1096 1113 ul.product-special li.new:after {
1097 1114 content: '';
1098 1115 position: absolute;
1099   - left: 52px;
  1116 + right: -19px;
1100 1117 top: 3px;
1101 1118 border: 11px solid transparent;
1102 1119 border-top: 5px solid #42b9f6;
... ... @@ -1275,13 +1292,21 @@ ul.product-special li.promo:after {
1275 1292 padding: 0 13px;
1276 1293 height: 28px;
1277 1294 }
1278   -.field-orders-delivery .control-label, .field-orders-payment .control-label, .field-orders-body .control-label, .control-label {
  1295 +.field-orders-delivery .control-label, .field-orders-payment .control-label, .field-orders-body .control-label, .textareagroup .control-label {
1279 1296 width: 100%;
1280 1297 float: left;
1281 1298 }
1282 1299 .basket_title_ {
1283 1300 text-align: center;
1284 1301 }
  1302 +.cont_shopping-wr {
  1303 + width: 100%;
  1304 + float: left;
  1305 + margin-top: 10px;
  1306 +}
  1307 +.cont_shopping-wr .cont_shopping {
  1308 + float: right;
  1309 +}
1285 1310 .cont_shopping {
1286 1311 display: block !important;
1287 1312 border-top: 0!important;
... ... @@ -1325,24 +1350,39 @@ ul.product-special li.promo:after {
1325 1350 .custom-input-2 {
1326 1351 width: 100%;
1327 1352 height: 30px;
1328   - border: 1px solid #d2d2d2;
1329 1353 box-sizing: border-box;
1330 1354 outline: none;
1331   - color: #636363;
1332   - font-size: 13px;
1333 1355 line-height: 30px;
1334 1356 padding-left: 8px;
1335 1357 margin-top: 5px;
1336 1358 background: #fff;
1337 1359 border-radius: 4px;
1338 1360 }
  1361 +.custom-input-2, .custom-area-2, .textareagroup textarea {
  1362 + border: 1px solid #d2d2d2;
  1363 + box-sizing: border-box;
  1364 + font-size: 13px;
  1365 + color: #636363;
  1366 +}
  1367 +.custom-area-2, .textareagroup textarea {
  1368 + min-height: 128px;
  1369 + max-height: 128px;
  1370 + resize: none;
  1371 + width: 100%;
  1372 + max-width: 100%;
  1373 + outline: none;
  1374 + padding-left: 8px;
  1375 + padding-top: 8px;
  1376 + margin-top: 8px;
  1377 +}
1339 1378 .basket_input_2 .custom-input-2 {
1340 1379 width: 270px;
1341 1380 float: right;
1342 1381 margin-top: 0;
1343 1382 }
1344   -.custom-input-2:focus, .custom-area-3:focus{box-shadow: 1px 2px 2px 0px rgba(215, 215, 215, 0.75) inset; transition: 0.1s}
1345   -.title_groups, .radio_grp label.control-label {
  1383 +.custom-input-2:focus, .custom-area-3:focus, .textareagroup textarea:focus {box-shadow: 1px 2px 2px 0px rgba(215, 215, 215, 0.75) inset; transition: 0.1s}
  1384 +.textareagroup textarea:focus{border: 1px solid #d2d2d2;}
  1385 +.title_groups, .radio_grp label.control-label, .textareagroup .control-label {
1346 1386 font-size: 12px;
1347 1387 font-weight: bold;
1348 1388 text-transform: uppercase;
... ... @@ -1385,6 +1425,22 @@ input.custom-radio + label:hover {
1385 1425 margin-top: 7px;
1386 1426 }
1387 1427 .custom-form-buttons:first-child {margin-top: 0}
  1428 +.delivery-data .field-order-delivery-childs .control-label {display: none;}
  1429 +.checkout_basket {
  1430 + width: 100%;
  1431 + float: left;
  1432 +}
  1433 +.checkout_basket button {
  1434 + margin: 0 auto;
  1435 +}
  1436 +.input-blocks-wrapper .help-block {
  1437 + padding-left: 71px;
  1438 + padding-top: 5px;
  1439 + width: 100%;
  1440 + float: left;
  1441 + box-sizing: border-box;
  1442 + margin-bottom: 0;
  1443 +}
1388 1444 .product-thumb-video iframe {
1389 1445 width: 260px;
1390 1446 height: auto;
... ...