LBRYFoundation/lbry.com
1
0
Fork 0
mirror of https://github.com/LBRYFoundation/lbry.com.git synced 2025-08-30 08:51:34 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

friendlier mobile icons

Browse source
This commit is contained in:
Jeremy Kauffman 2016-04-09 16:46:31 -04:00
parent b7b9b42c99
commit 3fd7287135
2 changed files with 11 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
view/nav/globalItems.php
View file

@ -8,12 +8,12 @@
<a href="<?php echo $url ?>" <?php echo $selectedItem === $url ? 'class="nav-active"' : ''?>><?php echo $label ?></a> <a href="<?php echo $url ?>" <?php echo $selectedItem === $url ? 'class="nav-active"' : ''?>><?php echo $label ?></a>
</div> </div>
<?php endforeach ?> <?php endforeach ?>
<div class="control-item no-label"> <div class="control-item no-label-desktop">
<a href="//twitter.com/lbryio"><span class="icon icon-twitter"></span><span class="btn-label">Twitter</span></a> <a href="//twitter.com/lbryio"><span class="btn-label">Twitter</span> <span class="icon icon-twitter"></span></a>
</div> </div>
<div class="control-item no-label"> <div class="control-item no-label-desktop">
<a href="//www.facebook.com/lbryio"><span class="icon icon-facebook"></span> <span class="btn-label">Facebook</span></a> <a href="//www.facebook.com/lbryio"><span class="btn-label">Facebook</span> <span class="icon icon-facebook"></span></a>
</div> </div>
<div class="control-item no-label"> <div class="control-item no-label-desktop">
<a href="//reddit.com/r/lbry"><span class="icon icon-reddit"></span><span class="btn-label">Reddit</span></a> <a href="//reddit.com/r/lbry"><span class="btn-label">Reddit</span> <span class="icon icon-reddit"></span> </a>
</div> </div>

6
web/scss/_basic.scss
View file

@ -92,7 +92,7 @@ a:hover img
{ {
margin-right: 0; margin-right: 0;
} }
&.no-label &.no-label-desktop
{ {
margin-left: 10px; margin-left: 10px;
margin-right: 10px; margin-right: 10px;
@ -165,6 +165,10 @@ a:hover img
{ {
display: none; display: none;
} }
.no-label-desktop .btn-label
{
@include offscreen();
}
} }