Commit a1d212f4 authored by nwebber's avatar nwebber

convert to more UI friendly buttons

parent 8f95cc2e
.github-button {
float: left;
width:170px;
height: 30px;
}
@media screen and (min-width: 0px) and (max-width: 1100px) {
#desktop-streams {
display: none;
......@@ -40,6 +46,10 @@ a:hover {
margin-bottom: 10px;
}
.title-header {
position: relative;
}
.title-header a img {
height: 50px;
}
......@@ -49,6 +59,13 @@ a:hover {
line-height: 50px;
}
.github {
position: absolute;
right: 0px;
top: 50%;
margin-top: -10px;
}
.dash-video-player {
background-color: #000000;
}
......
......@@ -133,16 +133,32 @@
<div class="container">
<div class="row title-header">
<a href="https://github.com/Dash-Industry-Forum/dash.js">
<img
id="ribbon"
style="position: absolute; top: 0; right: 0; border: 0; width: 89px; height: 89px;"
src="http://aral.github.com/fork-me-on-github-retina-ribbons/right-cerulean@2x.png"
alt="Fork me on GitHub">
</a>
<a href="http://dashif.org/" target="_blank"><img class="image" src="app/img/if.png"/></a>
<span id="big-title">Reference Client</span>
<span>{{version}}</span>
<div class="github">
<iframe
id="star-button"
src="http://ghbtns.com/github-btn.html?user=Dash-Industry-Forum&repo=dash.js&type=watch&count=true&size=large"
height="30"
width="170"
frameborder="0"
scrolling="0"
allowTransparency="true"
class="hidden-sm hidden-xs github-button">
</iframe>
<iframe
id="fork-button"
src="http://ghbtns.com/github-btn.html?user=Dash-Industry-Forum&repo=dash.js&type=fork&count=true&size=large"
height="30"
width="170"
frameborder="0"
scrolling="0"
allowTransparency="true github-button"
class="hidden-xs">
</iframe>
</div>
</div>
<div class="row">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment