check bg

2c94a244 · Kyle Doherty · 3b1e2f34 · 2c94a244 · 2c94a244 · 2c94a244
Commit 2c94a244 authored 9 years ago by Kyle Doherty
--- a/resources/frontend_client/app/components/icons/assets/header_rect.svg
+++ b/resources/frontend_client/app/components/icons/assets/header_rect.svg
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg width="58px" height="57px" viewBox="0 0 58 57" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
+    <!-- Generator: Sketch 3.3.3 (12072) - http://www.bohemiancoding.com/sketch -->
+    <title>Rectangle 329 Copy 30</title>
+    <desc>Created with Sketch.</desc>
+    <defs></defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
+        <g id="home-page---activity" sketch:type="MSArtboardGroup" transform="translate(-393.000000, -53.000000)" fill="#509ADD">
+            <g id="Group" sketch:type="MSLayerGroup" transform="translate(-6.000000, -9.000000)">
+                <g transform="translate(13.000000, -3.000000)" id="Rectangle-329-Copy-30" sketch:type="MSShapeGroup">
+                    <rect transform="translate(415.000000, 93.715729) rotate(-45.000000) translate(-415.000000, -93.715729) " x="395" y="73.7157288" width="40" height="40"></rect>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
\ No newline at end of file
--- a/resources/frontend_client/app/css/home.css
+++ b/resources/frontend_client/app/css/home.css
@@ -2,6 +2,15 @@
    z-index: 2;
 }

+.CheckBg {
+    background-image: url('/app/components/icons/assets/header_rect.svg');
+    background-repeat: repeat;
+}
+
+.CheckBg-offset {
+  background-position-y: -15px;
+}
+
 .Main {
    z-index: 1;
    position: relative;

--- a/resources/frontend_client/app/home/components/HeaderTabs.react.js
+++ b/resources/frontend_client/app/home/components/HeaderTabs.react.js
@@ -42,7 +42,7 @@ export default class HeaderTabs extends Component {
        });

        return (
-            <div className="bg-brand text-white">
+            <div className="text-white" style={{backgroundColor: 'transparent'}}>
                <a className={activityTab} style={{marginLeft: '10px'}} href="/">Activity</a>
                <a className={questionsTab} href="/?questions">Saved Questions</a>
            </div>

--- a/resources/frontend_client/app/home/components/Homepage.react.js
+++ b/resources/frontend_client/app/home/components/Homepage.react.js
@@ -48,7 +48,7 @@ export default class Homepage extends Component {
                    </Modal>
                : null}

-                <div className="bg-brand text-white md-pl4" style={{backgroundImage: 'url("app/components/icons/assets/rect.svg")', backgroundRepeat: 'repeat'}}>
+                <div className="CheckBg bg-brand text-white md-pl4">
                    <div className="HomeLayout">
                        <div className="HomeLayout-mainColumn">
                            <header style={this.styles.headerGreeting} className="flex align-center pb4">

--- a/resources/frontend_client/index_template.html
+++ b/resources/frontend_client/index_template.html
@@ -15,7 +15,7 @@
    <body ng-controller="Metabase">
        <div class="Nav" ng-controller="Nav" ng-if="user" ng-cloak>
            <!-- MAIN NAV -->
-            <nav class="sm-py2 sm-py1 xl-py3 relative bg-brand" ng-show="nav === 'main'">
+            <nav class="CheckBg CheckBg-offset sm-py2 sm-py1 xl-py3 relative bg-brand" ng-show="nav === 'main'">
                <ul class="wrapper flex align-center">
                    <li>
                        <a class="NavItem cursor-pointer text-white flex align-center my1" href="/">