From 5b9fd0d64a1e425a6e51f8b65344b335dff9d5d7 Mon Sep 17 00:00:00 2001
From: Sebastian Stehle <sebastian@squidex.io>
Date: Sat, 17 Jun 2017 15:12:09 +0200
Subject: [PATCH] Closes #28: Add link to Github next to Feedback icon?

---
 .../shell/pages/home/home-page.component.html |  2 -
 .../internal/internal-area.component.html     |  6 +++
 .../internal/internal-area.component.scss     | 46 +++++++++++++++++++
 3 files changed, 52 insertions(+), 2 deletions(-)

diff --git a/src/Squidex/app/shell/pages/home/home-page.component.html b/src/Squidex/app/shell/pages/home/home-page.component.html
index 7bb9cedd1..6e9306a86 100644
--- a/src/Squidex/app/shell/pages/home/home-page.component.html
+++ b/src/Squidex/app/shell/pages/home/home-page.component.html
@@ -3,8 +3,6 @@
         <div class="card-block text-center">
             <img class="login-icon login-element" src="/images/logo-half.png" />
 
-            <h4 class="login-title login-element">You're about to enter into the future of CMS</h4>
-
             <div>
                 <button class="btn btn-success btn-lg login-button login-element" (click)="login()">
                     Login to Squidex
diff --git a/src/Squidex/app/shell/pages/internal/internal-area.component.html b/src/Squidex/app/shell/pages/internal/internal-area.component.html
index 51751bb76..3552af1ec 100644
--- a/src/Squidex/app/shell/pages/internal/internal-area.component.html
+++ b/src/Squidex/app/shell/pages/internal/internal-area.component.html
@@ -22,4 +22,10 @@
     </div>
 </div>
 
+<a class="github-button" href="https://github.com/Squidex/squidex/issues" target="_blank">
+    <i class="icon-github github-icon"></i>
+
+    <span class="github-text">Github</span>
+</a>
+
 <sqx-user-report></sqx-user-report>
diff --git a/src/Squidex/app/shell/pages/internal/internal-area.component.scss b/src/Squidex/app/shell/pages/internal/internal-area.component.scss
index f9c3f8ce8..336f6d3d7 100644
--- a/src/Squidex/app/shell/pages/internal/internal-area.component.scss
+++ b/src/Squidex/app/shell/pages/internal/internal-area.component.scss
@@ -19,6 +19,52 @@
     float: left;
 }
 
+.github {
+    &-button {
+        & {
+            @include fixed(50%, -103px, auto, auto);
+            @include border-radius-left(3px);
+            @include transition(transform .3s ease);
+            background: lighten($color-extern-github, 10%);
+            border: 0;
+            cursor: pointer;
+            color: $color-dark-foreground;
+            margin-top: -60px;
+            padding-left: 65px;
+            font-size: .9rem;
+            font-weight: bold;
+            height: 44px;
+            line-height: 40px;
+            width: 147px;
+        }
+
+        &:hover {
+            & {
+                @include translate(-103px, 0);
+                text-decoration: none;
+            }
+
+            .github-icon {
+                background: $color-extern-github;
+            }
+        }
+    }
+
+    &-icon {
+        @include absolute(0, auto, auto, 0);
+        @include border-radius-left(3px);
+        @include transition(background .4s ease);
+        background: lighten($color-extern-github, 10%);
+        display: inline-block;
+        line-height: 44px;
+        font-size: 1.5rem;
+        font-weight: normal;
+        width: 44px;
+        text-align: center;
+        color: $color-dark-foreground;
+    }
+}
+
 .notification {
     &-container {
         @include fixed(auto, .625rem, .625rem, auto);