hide branch on smaller screens to always have the clickable link
This commit is contained in:
parent
b65209e3b1
commit
e973a557da
|
@ -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)
|
||||||
|
|
||||||
|
|
|
@ -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>
|
||||||
|
|
Loading…
Reference in New Issue
Block a user