Put Soletta project logo in the header of the project

Signed-off-by: Bruno Bottazzini <bruno.bottazzini@intel.com>
solettaproject · Apr 15, 2016 · 413aca2 · 413aca2
1 parent 4db48f4
commit 413aca2
Show file tree

Hide file tree

Showing 2 changed files with 56 additions and 1 deletion.
diff --git a/client/css/app.css b/client/css/app.css
@@ -100,11 +100,50 @@ font-family: clearSans;
   font-size: 0.9em;
   font-weight: bold;
 }
+.headerSolettaLogo{
+    width:200px;
+    background-image: url("/imgs/bg_header.png");
+    background-repeat: repeat-x;
+    background-position: left;
+}
+.dropShadow{
+    height: 47px;
+    background-color:#DCDEE0;
+    width: 1px;
+}
+.boxTitle{
+    display: flex;
+    width:100%;
+    background-image: url("/imgs/bg_header.png");
+    background-repeat: repeat-x;
+    background-position: left;
+
+}
+.headerDevapp{
+    display: flex;
+    width: 100%;
+    height: 52px;
+}
+.headerTitle{
+    color:#8C9196;
+    font-size: 21px;
+    font-family: clearsans-light;
+    margin-left: 32px;
+    margin-bottom: 8px;
+    margin-top: 8px;
+}
 .headerControls{
+    flex-grow: 1;
 	margin-top: 17px;
 	float:right;
 	margin-right: 0px;
 }
+.menuStyle{
+    margin-bottom: 5px;
+    margin-top: 0px;
+    color:#8c9196;
+    margin-right: 0px;
+}
 .inputControls{
     height: 40px;
     background-color: #262a2e;

diff --git a/server/views/index.html b/server/views/index.html
@@ -1,5 +1,5 @@
 <html ng-app="soletta-devapp" ng-init="loadingStatus='true'">
-    <head>
+    <head class="header">
         <meta charset="utf-8">
         <title>Soletta Development Application</title>
 
@@ -102,6 +102,22 @@
 
             });
         </script>
+
+        <!-- Soletta Dev-App header -->
+        <div class="headerDevapp">
+            <div style="width:245px; display: flex;">
+                <div class="boxTitle" style="width:40px; margin-left: -15px;"></div>
+                <div class="headerSolettaLogo">
+                 <!--   <img src="imgs/soletta_logo.png" style="margin-top: 6px; margin-bottom: 5px;"/> -->
+                </div>
+                <div class="dropShadow"></div>
+            </div>
+            <div class="boxTitle">
+                <div class="headerTitle">
+                    Soletta Development Application
+                </div>
+            </div>
+        </div>
     </head>
     <body class="container">