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