lone-cloud/huegasm
Archived
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

better ribbon positioning

Browse source
This commit is contained in:
lone-cloud 2016-11-27 19:57:03 -08:00
parent 87d98ca3d2
commit cabf5e6c1e
2 changed files with 17 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
web/app/pods/components/huegasm-app/template.hbs
View file

@ -1,8 +1,8 @@
{{#if bridgeUsername}} {{#if bridgeUsername}}
{{hue-controls bridgeIp=bridgeIp bridgeUsername=bridgeUsername trial=trial dimmerOn=dimmerOn storage=storage action="toggleDimmer"}} {{hue-controls bridgeIp=bridgeIp bridgeUsername=bridgeUsername trial=trial dimmerOn=dimmerOn storage=storage action="toggleDimmer"}}
{{else}} {{else}}
<a href="https://github.com/hoboman313/huegasm" target="_blank " rel="noopener noreferrer"> <a href="https://github.com/hoboman313/huegasm" target="_blank " rel="noopener noreferrer" id="github-ribbon">
<img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png"> <img src="https://camo.githubusercontent.com/365986a132ccd6a44c23a9169022c0b5c890c387/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f7265645f6161303030302e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_red_aa0000.png">
</a> </a>
{{#if ready}} {{#if ready}}

15
web/app/styles/app.scss
View file

@ -82,6 +82,21 @@ div.ember-modal-dialog {
color: rgba(0, 0, 0, 0.26); color: rgba(0, 0, 0, 0.26);
} }
} }
#github-ribbon {
position: absolute;
top: 0;
right: 0;
border: 0;
}
@media(max-width:500px) {
#github-ribbon {
top: -20px;
right: -20px;
}
}
// fancy webkit scrollbars // fancy webkit scrollbars
@media(min-width:767px) { @media(min-width:767px) {
::-webkit-scrollbar { ::-webkit-scrollbar {