Eugeny Galkovskiy / kbenergy_new

Commit 73d8e82536c8320cf83c000f4b8abff9b8b57051

Authored by Eugeny Galkovskiy
1 parent fba72863

styles

Showing 2 changed files with 37 additions and 6 deletions   Show diff stats
Inline Side-by-side
common/models/Carousel.php
  Show/Hide comments   View file @73d8e82
@@ -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
  Show/Hide comments   View file @73d8e82
@@ -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,21 @@ section.bar.background-gray.steps-pre:before { @@ -531,6 +540,21 @@ 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 +}
534 558
535 @media(min-width:1200px){ 559 @media(min-width:1200px){
536 .main-slider { 560 .main-slider {
@@ -624,6 +648,11 @@ section.bar.background-gray.steps-pre:before { @@ -624,6 +648,11 @@ section.bar.background-gray.steps-pre:before {
624 width: 830px; 648 width: 830px;
625 } 649 }
626 } 650 }
  651 +@media screen and (min-width: 768px){
  652 + .carousel-indicators {
  653 + bottom: -40px;
  654 + }
  655 +}
627 @media(max-width:768px){ 656 @media(max-width:768px){
628 .main_video_fb{ 657 .main_video_fb{
629 padding-top: 56.1%; 658 padding-top: 56.1%;
@@ -637,10 +666,12 @@ section.bar.background-gray.steps-pre:before { @@ -637,10 +666,12 @@ section.bar.background-gray.steps-pre:before {
637 width: 100%; 666 width: 100%;
638 max-height: 400px; 667 max-height: 400px;
639 border-radius: 0px; 668 border-radius: 0px;
640 - overflow: hidden;  
641 padding-top: 60%; 669 padding-top: 60%;
642 height:0; 670 height:0;
643 } 671 }
  672 + .object-slider .carousel-inner {
  673 + border-radius: 0px;
  674 + }
644 .object-slider .carousel .carousel-inner{ 675 .object-slider .carousel .carousel-inner{
645 position:absolute;top:0;left:0; 676 position:absolute;top:0;left:0;
646 } 677 }
@@ -761,7 +792,7 @@ section.bar.background-gray.steps-pre:before { @@ -761,7 +792,7 @@ section.bar.background-gray.steps-pre:before {
761 position: absolute; 792 position: absolute;
762 left: 112px; 793 left: 112px;
763 font-size: 3vw; 794 font-size: 3vw;
764 - line-height: 2.5vh; 795 + line-height: 125%;
765 } 796 }
766 } 797 }
767 @media(max-width:280px) { 798 @media(max-width:280px) {