Commit 5fb414682a8d34922eb7537e64984419c8c2caf4
Merge remote-tracking branch 'origin/master'
# Conflicts: # frontend/web/css/style.css
Showing
2 changed files
with
91 additions
and
27 deletions
Show diff stats
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 @@ $('#orders-delivery input[type=\"radio\"]').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; | ... | ... |