Commit a86c5bea34bce839a288e13b03c473a01817e341

Authored by Timur Kastemirov
2 parents 06d7e2cd c8825391

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) {
... ...