hide branch on smaller screens to always have the clickable link

This commit is contained in:
Lisa Passing 2015-04-13 12:36:03 +02:00
parent b65209e3b1
commit e973a557da
2 changed files with 11 additions and 3 deletions

View File

@ -2,7 +2,8 @@
&:hover &:hover
background-color: $color-bg background-color: $color-bg
.requests-commit, .requests-commit,
.requests-branch .requests-branch,
.requests-message
&:after &:after
@include fadeOut(right, -90deg, $color-bg, 30%) @include fadeOut(right, -90deg, $color-bg, 30%)
@ -20,7 +21,8 @@
text-decoration: underline text-decoration: underline
.requests-commit, .requests-commit,
.requests-branch .requests-branch,
.requests-message
position: relative position: relative
&:after &:after
content: "" content: ""
@ -34,6 +36,12 @@
width: grid-calc(3, 24) width: grid-calc(3, 24)
.requests-branch .requests-branch
@media #{$medium-only}
strong
display: none
@media #{$large-only}
strong
display: none
@media #{$xlarge-up} @media #{$xlarge-up}
width: grid-calc(5, 24) width: grid-calc(5, 24)

View File

@ -38,7 +38,7 @@
- -
{{/if}} {{/if}}
</p> </p>
<p class="jobs-item column medium-2 large-3">{{message}}</p> <p class="jobs-item requests-message column medium-2 large-3">{{message}}</p>
</div> </div>
{{/each}} {{/each}}
</ul> </ul>