Commit a86c5bea34bce839a288e13b03c473a01817e341
Merge remote-tracking branch 'origin/master'
Showing
2 changed files
with
42 additions
and
7 deletions
Show diff stats
common/models/Carousel.php
| @@ -47,7 +47,7 @@ class Carousel extends \yii\bootstrap\Widget | @@ -47,7 +47,7 @@ class Carousel extends \yii\bootstrap\Widget | ||
| 47 | * @var boolean | 47 | * @var boolean |
| 48 | * If false carousel indicators (<ol> tag with anchors to items) should not be displayed. | 48 | * If false carousel indicators (<ol> tag with anchors to items) should not be displayed. |
| 49 | */ | 49 | */ |
| 50 | - public $showIndicators = false; | 50 | + public $showIndicators = true; |
| 51 | /** | 51 | /** |
| 52 | * @var array list of slides in the carousel. Each array element represents a single | 52 | * @var array list of slides in the carousel. Each array element represents a single |
| 53 | * slide with the following structure: | 53 | * slide with the following structure: |
| @@ -105,7 +105,7 @@ class Carousel extends \yii\bootstrap\Widget | @@ -105,7 +105,7 @@ class Carousel extends \yii\bootstrap\Widget | ||
| 105 | if ($i === 0) { | 105 | if ($i === 0) { |
| 106 | \yii\bootstrap\Html::addCssClass($options, 'active'); | 106 | \yii\bootstrap\Html::addCssClass($options, 'active'); |
| 107 | } | 107 | } |
| 108 | - $indicators[] = Html::tag('li', '', $options); | 108 | + $indicators[] = \yii\bootstrap\Html::tag('li', '', $options); |
| 109 | } | 109 | } |
| 110 | 110 | ||
| 111 | return \yii\bootstrap\Html::tag('ol', implode("\n", $indicators), ['class' => 'carousel-indicators']); | 111 | return \yii\bootstrap\Html::tag('ol', implode("\n", $indicators), ['class' => 'carousel-indicators']); |
frontend/web/css/main.css
| @@ -479,13 +479,22 @@ section.bar.background-gray.steps-pre:before { | @@ -479,13 +479,22 @@ section.bar.background-gray.steps-pre:before { | ||
| 479 | background-color: #467fbf; | 479 | background-color: #467fbf; |
| 480 | color: #eeeeee!important; | 480 | color: #eeeeee!important; |
| 481 | } | 481 | } |
| 482 | -.object-slider{padding-bottom: 40px;} | 482 | +.object-slider .carousel-inner{ |
| 483 | + border-radius: 5px; | ||
| 484 | + overflow: hidden; | ||
| 485 | +} | ||
| 486 | +.object-slider{padding-bottom: 50px;} | ||
| 483 | .object-slider .carousel{ | 487 | .object-slider .carousel{ |
| 484 | width:100%; | 488 | width:100%; |
| 485 | height:550px; | 489 | height:550px; |
| 486 | max-height:550px; | 490 | max-height:550px; |
| 487 | border-radius: 5px; | 491 | border-radius: 5px; |
| 488 | - overflow: hidden; | 492 | +} |
| 493 | +.object-slider .carousel-indicators{ | ||
| 494 | + bottom: -40px; | ||
| 495 | + margin: 0; | ||
| 496 | + left: 0; | ||
| 497 | + width: 100%; | ||
| 489 | } | 498 | } |
| 490 | .object-slider .carousel .carousel-inner, .object-slider .carousel .carousel-inner .item{width:100%;height:100%;} | 499 | .object-slider .carousel .carousel-inner, .object-slider .carousel .carousel-inner .item{width:100%;height:100%;} |
| 491 | .object-slider a.carousel-control { | 500 | .object-slider a.carousel-control { |
| @@ -531,6 +540,25 @@ section.bar.background-gray.steps-pre:before { | @@ -531,6 +540,25 @@ section.bar.background-gray.steps-pre:before { | ||
| 531 | #calculate-form .text-center img{ | 540 | #calculate-form .text-center img{ |
| 532 | margin: 0 auto; | 541 | margin: 0 auto; |
| 533 | } | 542 | } |
| 543 | +.main-slider .carousel-indicators{display:none!important;} | ||
| 544 | +.object-slider .carousel-indicators li{ | ||
| 545 | + width: 12px; | ||
| 546 | + height: 12px; | ||
| 547 | + border-radius:50%; | ||
| 548 | + background-color: #869791; | ||
| 549 | + border-color: #869791; | ||
| 550 | + margin: 5px 7px; | ||
| 551 | +} | ||
| 552 | +.object-slider .carousel-indicators .active, .object-slider .carousel-indicators li:hover { | ||
| 553 | + width: 12px; | ||
| 554 | + height: 12px; | ||
| 555 | + background-color: #467fbf; | ||
| 556 | + border-color: #467fbf; | ||
| 557 | +} | ||
| 558 | +/*отображать только 4 элемента в портфолио*/ | ||
| 559 | +.portfolio > div:nth-child(1n+6) { | ||
| 560 | + display: none; | ||
| 561 | +} | ||
| 534 | 562 | ||
| 535 | @media(min-width:1200px){ | 563 | @media(min-width:1200px){ |
| 536 | .main-slider { | 564 | .main-slider { |
| @@ -620,10 +648,15 @@ section.bar.background-gray.steps-pre:before { | @@ -620,10 +648,15 @@ section.bar.background-gray.steps-pre:before { | ||
| 620 | .main-slider .carousel-control{font-size:10vw;width:10%;} | 648 | .main-slider .carousel-control{font-size:10vw;width:10%;} |
| 621 | } | 649 | } |
| 622 | @media(min-width:870px){ | 650 | @media(min-width:870px){ |
| 623 | - .modal-dialog { | 651 | + #calculate-modal .modal-dialog { |
| 624 | width: 830px; | 652 | width: 830px; |
| 625 | } | 653 | } |
| 626 | } | 654 | } |
| 655 | +@media screen and (min-width: 768px){ | ||
| 656 | + .carousel-indicators { | ||
| 657 | + bottom: -40px; | ||
| 658 | + } | ||
| 659 | +} | ||
| 627 | @media(max-width:768px){ | 660 | @media(max-width:768px){ |
| 628 | .main_video_fb{ | 661 | .main_video_fb{ |
| 629 | padding-top: 56.1%; | 662 | padding-top: 56.1%; |
| @@ -637,10 +670,12 @@ section.bar.background-gray.steps-pre:before { | @@ -637,10 +670,12 @@ section.bar.background-gray.steps-pre:before { | ||
| 637 | width: 100%; | 670 | width: 100%; |
| 638 | max-height: 400px; | 671 | max-height: 400px; |
| 639 | border-radius: 0px; | 672 | border-radius: 0px; |
| 640 | - overflow: hidden; | ||
| 641 | padding-top: 60%; | 673 | padding-top: 60%; |
| 642 | height:0; | 674 | height:0; |
| 643 | } | 675 | } |
| 676 | + .object-slider .carousel-inner { | ||
| 677 | + border-radius: 0px; | ||
| 678 | + } | ||
| 644 | .object-slider .carousel .carousel-inner{ | 679 | .object-slider .carousel .carousel-inner{ |
| 645 | position:absolute;top:0;left:0; | 680 | position:absolute;top:0;left:0; |
| 646 | } | 681 | } |
| @@ -761,7 +796,7 @@ section.bar.background-gray.steps-pre:before { | @@ -761,7 +796,7 @@ section.bar.background-gray.steps-pre:before { | ||
| 761 | position: absolute; | 796 | position: absolute; |
| 762 | left: 112px; | 797 | left: 112px; |
| 763 | font-size: 3vw; | 798 | font-size: 3vw; |
| 764 | - line-height: 2.5vh; | 799 | + line-height: 125%; |
| 765 | } | 800 | } |
| 766 | } | 801 | } |
| 767 | @media(max-width:280px) { | 802 | @media(max-width:280px) { |