| @@ -43,8 +43,9 @@ | ||
| 43 | 43 | 'clear' => 'both', |
| 44 | 44 | 'z-index' => 9999, |
| 45 | 45 | 'position' => 'relative', |
| 46 | 46 | 'width' => '100%', |
| 47 | + 'max-width' => 'none', | |
| 47 | 48 | 'line-height' => '1.1', |
| 48 | 49 | 'box-sizing' => 'border-box', |
| 49 | 50 | ), |
| 50 | 51 | // 'hover' => '', |
| @@ -167,12 +168,9 @@ | ||
| 167 | 168 | $css = $this->addCSS($normcss, false, 'mb-icon-wrapper', 'normal', $css); |
| 168 | 169 | $css = $this->addCSS('transform', 'translateY(0)', 'mb-icon-wrapper', 'normal', $css); |
| 169 | 170 | $css = $this->addCSS('position', 'absolute', 'mb-icon-wrapper', 'normal', $css); |
| 170 | 171 | |
| 171 | - /* $css['mb-label']['hover']['transform'] = 'translateY(0)'; | |
| 172 | - $css['mb-share-count']['hover']['transform'] = 'translateY(0)'; | |
| 173 | - $css['mb-icon-wrapper']['hover']['transform'] = 'translateY(0)'; | |
| 174 | -*/ | |
| 172 | + | |
| 175 | 173 | $hoverCSS = array( |
| 176 | 174 | // 'display' => 'flex', |
| 177 | 175 | 'align-items' => 'center', |
| 178 | 176 | 'justify-content' => 'center', |
| @@ -187,14 +185,10 @@ | ||
| 187 | 185 | |
| 188 | 186 | |
| 189 | 187 | break; |
| 190 | 188 | case 'hover'; |
| 191 | - /*$color = $css['mb-social']['normal']['background-color']; | |
| 192 | - $css = $this->addCSS('background-color', 'darken(' . $color . ', 20%)', 'mb-social', 'hover', $css); | |
| 193 | -*/ | |
| 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 | 189 | |
| 190 | + | |
| 197 | 191 | break; |
| 198 | 192 | case 'lift': |
| 199 | 193 | $line_height = intval($args['line_height']) * 1.5; |
| 200 | 194 | |
| @@ -322,8 +316,18 @@ | ||
| 322 | 316 | protected function addStretch($css, $args) |
| 323 | 317 | { |
| 324 | 318 | $css = $this->addCSS('display', 'flex', 'maxsocial', 'normal', $css); |
| 325 | 319 | |
| 320 | + $orientation = (isset($args['orientation'])) ? $args['orientation'] : false; | |
| 321 | + $is_static = (isset($args['is_static'])) ? $args['is_static'] : false; | |
| 322 | + | |
| 323 | + | |
| 324 | + if ($orientation == 'vertical') | |
| 325 | + { | |
| 326 | + $css = $this->addCSS('flex-direction', 'column', 'maxsocial', 'normal', $css); | |
| 327 | + } | |
| 328 | + | |
| 329 | + | |
| 326 | 330 | $css = $this->addCSS('flex', '1.2', 'mb-item', 'hover', $css); |
| 327 | 331 | |
| 328 | 332 | $itemcss = array( |
| 329 | 333 | 'flex' => 1, |
| @@ -333,9 +337,9 @@ | ||
| 333 | 337 | 'transition' => 'all .2s linear', |
| 334 | 338 | ); |
| 335 | 339 | $css = $this->addCSS($itemcss, '','mb-item', 'normal', $css); |
| 336 | 340 | |
| 337 | - $css = $this->addCSS ( array ( | |
| 341 | + $linkcss = array ( | |
| 338 | 342 | 'display' => 'block', |
| 339 | 343 | 'display' => '-webkit-box', |
| 340 | 344 | 'display' => '-webkit-flex', |
| 341 | 345 | 'display' => '-moz-box', |
| @@ -345,11 +349,21 @@ | ||
| 345 | 349 | '-webkit-flex-flow' => 'row wrap', |
| 346 | 350 | '-ms-flex-flow' => 'row wrap', |
| 347 | 351 | 'flex-flow' => 'row wrap', |
| 348 | 352 | 'width' => '100%', |
| 349 | - ), | |
| 353 | + ); | |
| 354 | + | |
| 355 | + // Changing width on horizontal items will mess the size | |
| 356 | + if ( true === $is_static) | |
| 357 | + { | |
| 358 | + unset($linkcss['width']); | |
| 359 | + } | |
| 360 | + | |
| 361 | + | |
| 362 | + $css = $this->addCSS ($linkcss , | |
| 350 | 363 | '', |
| 351 | 364 | 'mb-social', 'normal', $css); |
| 365 | + | |
| 352 | 366 | |
| 353 | 367 | $css = $this->addCSS('flex', '1.2', 'mb-social', 'hover', $css); |
| 354 | 368 | |
| 355 | 369 | // the label |
