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 | 47 | * @var boolean |
48 | 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 | 52 | * @var array list of slides in the carousel. Each array element represents a single |
53 | 53 | * slide with the following structure: |
... | ... | @@ -105,7 +105,7 @@ class Carousel extends \yii\bootstrap\Widget |
105 | 105 | if ($i === 0) { |
106 | 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 | 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 | 479 | background-color: #467fbf; |
480 | 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 | 487 | .object-slider .carousel{ |
484 | 488 | width:100%; |
485 | 489 | height:550px; |
486 | 490 | max-height:550px; |
487 | 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 | 499 | .object-slider .carousel .carousel-inner, .object-slider .carousel .carousel-inner .item{width:100%;height:100%;} |
491 | 500 | .object-slider a.carousel-control { |
... | ... | @@ -531,6 +540,25 @@ section.bar.background-gray.steps-pre:before { |
531 | 540 | #calculate-form .text-center img{ |
532 | 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 | 563 | @media(min-width:1200px){ |
536 | 564 | .main-slider { |
... | ... | @@ -620,10 +648,15 @@ section.bar.background-gray.steps-pre:before { |
620 | 648 | .main-slider .carousel-control{font-size:10vw;width:10%;} |
621 | 649 | } |
622 | 650 | @media(min-width:870px){ |
623 | - .modal-dialog { | |
651 | + #calculate-modal .modal-dialog { | |
624 | 652 | width: 830px; |
625 | 653 | } |
626 | 654 | } |
655 | +@media screen and (min-width: 768px){ | |
656 | + .carousel-indicators { | |
657 | + bottom: -40px; | |
658 | + } | |
659 | +} | |
627 | 660 | @media(max-width:768px){ |
628 | 661 | .main_video_fb{ |
629 | 662 | padding-top: 56.1%; |
... | ... | @@ -637,10 +670,12 @@ section.bar.background-gray.steps-pre:before { |
637 | 670 | width: 100%; |
638 | 671 | max-height: 400px; |
639 | 672 | border-radius: 0px; |
640 | - overflow: hidden; | |
641 | 673 | padding-top: 60%; |
642 | 674 | height:0; |
643 | 675 | } |
676 | + .object-slider .carousel-inner { | |
677 | + border-radius: 0px; | |
678 | + } | |
644 | 679 | .object-slider .carousel .carousel-inner{ |
645 | 680 | position:absolute;top:0;left:0; |
646 | 681 | } |
... | ... | @@ -761,7 +796,7 @@ section.bar.background-gray.steps-pre:before { |
761 | 796 | position: absolute; |
762 | 797 | left: 112px; |
763 | 798 | font-size: 3vw; |
764 | - line-height: 2.5vh; | |
799 | + line-height: 125%; | |
765 | 800 | } |
766 | 801 | } |
767 | 802 | @media(max-width:280px) { | ... | ... |