thegamer/Cable-Desktop
2
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Refactor title bar text style

Browse source
This commit is contained in:
lilia 2015-02-23 12:07:06 -08:00
parent f35e8f347e
commit d0392a3e04
4 changed files with 19 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
index.html
View file

@ -16,7 +16,7 @@
<div class='title-bar' id='header'> <div class='title-bar' id='header'>
<div class='back'> <div class='back'>
<button></button> <button></button>
<span>New Message</span> <span class='title-text'>New Message</span>
</div> </div>
</div> </div>
<div class='notifications'> <div class='notifications'>

8
stylesheets/_global.scss
View file

@ -35,6 +35,14 @@ body {
color: $blue; color: $blue;
} }
.title-text {
display: block;
text-align: center;
height: $header-height;
line-height: $header-height;
font-family: $roboto-light;
}
.menu { .menu {
position: relative; position: relative;
float: right; float: right;

11
stylesheets/_index.scss
View file

@ -31,18 +31,13 @@ input.new-message {
text-align: center; text-align: center;
button { button {
float: left; float: left;
width: 36px; width: $header-height;
height: 36px; height: $header-height;
background: $header-color url('/images/back.png') no-repeat center center; background: $header-color url('/images/back.png') no-repeat center center;
} }
span { span {
display: inline-block; text-indent: -$header-height;
height: 36px;
line-height: 36px;
font-family: $roboto-light;
color: $blue;
text-indent: -36px;
} }
} }

12
stylesheets/manifest.css
View file

@ -45,6 +45,13 @@ body {
box-shadow: 0 -4px 3px 4px rgba(165, 165, 165, 0.8); box-shadow: 0 -4px 3px 4px rgba(165, 165, 165, 0.8);
color: #2a92e7; } color: #2a92e7; }
.title-text {
display: block;
text-align: center;
height: 36px;
line-height: 36px;
font-family: Roboto-Light, "Helvetica Neue", Arial, Helvetica, sans-serif; }
.menu { .menu {
position: relative; position: relative;
float: right; float: right;
@ -134,11 +141,6 @@ input.new-message {
height: 36px; height: 36px;
background: #f2f2f2 url("/images/back.png") no-repeat center center; } background: #f2f2f2 url("/images/back.png") no-repeat center center; }
.back span { .back span {
display: inline-block;
height: 36px;
line-height: 36px;
font-family: Roboto-Light, "Helvetica Neue", Arial, Helvetica, sans-serif;
color: #2a92e7;
text-indent: -36px; } text-indent: -36px; }
.new-conversation .new-group-update-form { .new-conversation .new-group-update-form {