Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
Corey Sheldon
weather
Commits
6a0cfde2
Commit
6a0cfde2
authored
Dec 21, 2016
by
Zach Knox
Browse files
Trying to get the tab bar to be a nice color
But CSS hates me so it doesn't really work someone pls help
parent
ff6d2bae
Changes
2
Hide whitespace changes
Inline
Side-by-side
weather/client/main.css
View file @
6a0cfde2
...
...
@@ -5,7 +5,8 @@
.header-bg
>
.mdl-layout__header
,
.header-bg
>
.mdl-layout__header-row
,
.header-bg
>
.mdl-layout__drawer
,
.header-bg
>
.mdl-layout__tab-bar
{
.header-bg
>
.mdl-layout__tab-bar
,
.header-bg
>
.mdl-layout__tab
{
background-color
:
#006633
;
}
...
...
weather/client/views/home/home.html
View file @
6a0cfde2
<template
name=
"home"
>
<div
class=
"mdl-layout mdl-js-layout mdl-layout--fixed-header"
>
<header
class=
"mdl-layout__header"
>
<div
class=
"mdl-layout__header-row"
>
<div
class=
"mdl-layout mdl-js-layout mdl-layout--fixed-header
header-bg
"
>
<header
class=
"mdl-layout__header
header-bg
"
>
<div
class=
"mdl-layout__header-row
header-bg
"
>
<!-- Title -->
<span
class=
"mdl-layout-title"
>
Weather
</span>
</div>
<!-- Tabs -->
<div
class=
"mdl-layout__tab-bar mdl-js-ripple-effect"
>
<a
id=
"fairfax-tab-button"
href=
"#fairfax"
class=
"mdl-layout__tab is-active
locationTab
"
>
Fairfax
</a>
<a
href=
"#arlington"
class=
"mdl-layout__tab
locationTab
"
>
Arlington
</a>
<a
href=
"#scitech"
class=
"mdl-layout__tab
locationTab
"
>
SciTech
</a>
<a
href=
"#korea"
class=
"mdl-layout__tab
locationTab
"
>
Mason Korea
</a>
<div
class=
"mdl-layout__tab-bar mdl-js-ripple-effect
header-bg
"
>
<a
id=
"fairfax-tab-button"
href=
"#fairfax"
class=
"mdl-layout__tab is-active"
>
Fairfax
</a>
<a
href=
"#arlington"
class=
"mdl-layout__tab"
>
Arlington
</a>
<a
href=
"#scitech"
class=
"mdl-layout__tab"
>
SciTech
</a>
<a
href=
"#korea"
class=
"mdl-layout__tab"
>
Mason Korea
</a>
</div>
</header>
<main
class=
"mdl-layout__content"
>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment