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

View File

@ -38,7 +38,7 @@
-
{{/if}}
</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>
{{/each}}
</ul>