Commit 0d384358a422ebb7400faccb452cba02200ee160
1 parent
2e5ca272
Exists in
master
and in
5 other branches
Fix the left menu arrow icon
Showing
1 changed file
with
19 additions
and
13 deletions
Show diff stats
sass/style.sass
| @@ -436,6 +436,7 @@ h1 | @@ -436,6 +436,7 @@ h1 | ||
| 436 | border-bottom: 1px solid #f1f1f1 | 436 | border-bottom: 1px solid #f1f1f1 |
| 437 | display: block | 437 | display: block |
| 438 | font-size: $font-size-base | 438 | font-size: $font-size-base |
| 439 | + position: relative | ||
| 439 | a | 440 | a |
| 440 | background-color: #fff | 441 | background-color: #fff |
| 441 | color: #484848 | 442 | color: #484848 |
| @@ -453,24 +454,27 @@ h1 | @@ -453,24 +454,27 @@ h1 | ||
| 453 | text-decoration: none | 454 | text-decoration: none |
| 454 | .fa | 455 | .fa |
| 455 | color: #898989 | 456 | color: #898989 |
| 456 | - float: right | ||
| 457 | font-size: 45px | 457 | font-size: 45px |
| 458 | + position: absolute | ||
| 459 | + top: 50% | ||
| 460 | + margin-top: -22px | ||
| 461 | + right: 8px | ||
| 458 | &-name | 462 | &-name |
| 459 | display: inline-block | 463 | display: inline-block |
| 460 | width: 50% | 464 | width: 50% |
| 461 | vertical-align: middle | 465 | vertical-align: middle |
| 462 | - .arrow-box | ||
| 463 | - position: relative | ||
| 464 | - top: $gutter | ||
| 465 | - &:after | ||
| 466 | - bottom: 100% | ||
| 467 | - left: 50% | ||
| 468 | - border: solid transparent | ||
| 469 | - content: "" | ||
| 470 | - position: absolute | ||
| 471 | - border-bottom-color: #000 | ||
| 472 | - border-width: 8px | ||
| 473 | - margin-left: -8px | 466 | + // .arrow-box |
| 467 | + // position: relative | ||
| 468 | + // top: $gutter | ||
| 469 | + // &:after | ||
| 470 | + // bottom: 100% | ||
| 471 | + // left: 50% | ||
| 472 | + // border: solid transparent | ||
| 473 | + // content: "" | ||
| 474 | + // position: absolute | ||
| 475 | + // border-bottom-color: #000 | ||
| 476 | + // border-width: 8px | ||
| 477 | + // margin-left: -8px | ||
| 474 | 478 | ||
| 475 | // 6.7 - listagem dos programas aleatorios | 479 | // 6.7 - listagem dos programas aleatorios |
| 476 | .ver-todos | 480 | .ver-todos |
| @@ -535,6 +539,8 @@ h1 | @@ -535,6 +539,8 @@ h1 | ||
| 535 | font-weight: 500 | 539 | font-weight: 500 |
| 536 | margin-top: $gutter * 0.5 | 540 | margin-top: $gutter * 0.5 |
| 537 | height: $gutter * 2 | 541 | height: $gutter * 2 |
| 542 | + @media (min-width: 768px) | ||
| 543 | + height: $gutter * 3 | ||
| 538 | &-body | 544 | &-body |
| 539 | padding: $gutter | 545 | padding: $gutter |
| 540 | img | 546 | img |