From 2c94a244b890663370fb50931400c78c1cdf4540 Mon Sep 17 00:00:00 2001
From: Kyle Doherty <kyle.l.doherty@gmail.com>
Date: Thu, 10 Sep 2015 18:22:45 -0700
Subject: [PATCH] check bg
---
.../app/components/icons/assets/header_rect.svg | 16 ++++++++++++++++
resources/frontend_client/app/css/home.css | 9 +++++++++
.../app/home/components/HeaderTabs.react.js | 2 +-
.../app/home/components/Homepage.react.js | 2 +-
resources/frontend_client/index_template.html | 2 +-
5 files changed, 28 insertions(+), 3 deletions(-)
create mode 100644 resources/frontend_client/app/components/icons/assets/header_rect.svg
diff --git a/resources/frontend_client/app/components/icons/assets/header_rect.svg b/resources/frontend_client/app/components/icons/assets/header_rect.svg
new file mode 100644
index 00000000000..9bd072c34cb
--- /dev/null
+++ b/resources/frontend_client/app/components/icons/assets/header_rect.svg
@@ -0,0 +1,16 @@
+<?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
diff --git a/resources/frontend_client/app/css/home.css b/resources/frontend_client/app/css/home.css
index 7db4b55b02f..6e51784ebad 100644
--- 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;
diff --git a/resources/frontend_client/app/home/components/HeaderTabs.react.js b/resources/frontend_client/app/home/components/HeaderTabs.react.js
index 705fe690c58..ee3c2b90f8c 100644
--- 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>
diff --git a/resources/frontend_client/app/home/components/Homepage.react.js b/resources/frontend_client/app/home/components/Homepage.react.js
index 2a6db47c6b1..73c7c6b0895 100644
--- 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">
diff --git a/resources/frontend_client/index_template.html b/resources/frontend_client/index_template.html
index 42983834916..090fa6fb029 100644
--- 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="/">
--
GitLab