| @@ -57,8 +57,10 @@ | ||
| 57 | 57 | 'box-sizing' => 'border-box', |
| 58 | 58 | 'position' => 'relative', |
| 59 | 59 | 'line-height' => 'inherit', |
| 60 | 60 | 'text-align' => 'center', |
| 61 | + 'margin' => '10px 0', | |
| 62 | + | |
| 61 | 63 | ), |
| 62 | 64 | ), |
| 63 | 65 | 'mb-social' => array('normal' => // the button |
| 64 | 66 | array ( 'display' => 'flex', |
| @@ -190,11 +192,8 @@ | ||
| 190 | 192 | case 'hover'; |
| 191 | 193 | /*$color = $css['mb-social']['normal']['background-color']; |
| 192 | 194 | $css = $this->addCSS('background-color', 'darken(' . $color . ', 20%)', 'mb-social', 'hover', $css); |
| 193 | 195 | */ |
| 194 | - //$css = $this->addCSS('transition', 'opacity 1.2s linear', 'mb-icon-wrapper', 'normal', $css); | |
| 195 | - //$css = $this->addCSS('transition', 'opacity 1.2s linear', 'mb-label', 'hover', $css); | |
| 196 | - | |
| 197 | 196 | break; |
| 198 | 197 | case 'lift': |
| 199 | 198 | $line_height = intval($args['line_height']) * 1.5; |
| 200 | 199 | |
| @@ -439,15 +438,13 @@ | ||
| 439 | 438 | $margin = maxUtils::strip_px($layoutBlock->getValue('button_spacing')); |
| 440 | 439 | |
| 441 | 440 | if ($this->collection->orientation == 'vertical') |
| 442 | 441 | { |
| 443 | - $width = $width . 'px'; | |
| 444 | - $height = '100%'; | |
| 442 | + $width = '100%'; | |
| 445 | 443 | } |
| 446 | 444 | else { // horizontal |
| 447 | 445 | $width = ($width + $margin) * 2; |
| 448 | 446 | $width = $width . 'px'; |
| 449 | - $height = $height . 'px'; | |
| 450 | 447 | } |
| 451 | 448 | |
| 452 | 449 | // attempt to auto-custmz. |
| 453 | 450 | $count_size = (isset($css['mb-share-count']['normal']['font-size'])) ? $css['mb-share-count']['normal']['font-size'] : '13'; |
| @@ -457,9 +454,9 @@ | ||
| 457 | 454 | |
| 458 | 455 | |
| 459 | 456 | $css = $this->addCSS ( array( |
| 460 | 457 | 'width' => $width, |
| 461 | - 'height' => $height, | |
| 458 | + 'height' => $height . 'px', | |
| 462 | 459 | 'display' => 'flex', |
| 463 | 460 | 'align-items' => 'center', |
| 464 | 461 | 'justify-content' => 'center', |
| 465 | 462 | //'font-size' => '16px', |
| @@ -634,9 +631,8 @@ | ||
| 634 | 631 | |
| 635 | 632 | $statement = 'inline-block'; |
| 636 | 633 | |
| 637 | 634 | $css = $this->addCSS('display',$statement, $this->items[$i], $pseudo, $css); |
| 638 | - // $css = $this->addCSS('opacity','1', $this->items[$i], $pseudo, $css); | |
| 639 | 635 | unset($hides[$i]); |
| 640 | 636 | break; |
| 641 | 637 | } |
| 642 | 638 | } |
| @@ -650,9 +646,8 @@ | ||
| 650 | 646 | unset($hides[$i]); |
| 651 | 647 | $statement = 'inline-block'; |
| 652 | 648 | |
| 653 | 649 | $css = $this->addCSS('display', $statement, $this->items[$i], $pseudo, $css); |
| 654 | - //$css = $this->addCSS('opacity', '1', $this->items[$i], $pseudo, $css); | |
| 655 | 650 | } |
| 656 | 651 | } |
| 657 | 652 | else { // if display list is just one item. |
| 658 | 653 | $hides = $this->items; |
| @@ -659,17 +654,14 @@ | ||
| 659 | 654 | unset($hides[$item]); |
| 660 | 655 | |
| 661 | 656 | $statement = 'inline-block'; |
| 662 | 657 | |
| 663 | - | |
| 664 | 658 | $css = $this->addCSS('display',$statement,$this->items[$item], $pseudo, $css); |
| 665 | - //$css = $this->addCSS('opacity','1',$this->items[$item], $pseudo, $css); | |
| 666 | 659 | } |
| 667 | 660 | |
| 668 | 661 | foreach($hides as $name => $cname) |
| 669 | 662 | { |
| 670 | 663 | $css = $this->addCSS('display','none', $cname, $pseudo, $css); |
| 671 | - //$css = $this->addCSS('opacity','0', $cname, $pseudo, $css); | |
| 672 | 664 | } |
| 673 | 665 | |
| 674 | 666 | } |
| 675 | 667 | |
