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

Make 'New Message' view match new title bar style

Browse source 
Make text blue and light weight. Update back button colors to match.
This commit is contained in:
lilia 2015-02-01 18:39:07 -10:00
parent bebe47eacd
commit eaf3d46c1f
4 changed files with 14 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
images/back.png
View file

Binary file not shown.
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 240 B

After

Width:  |  Height:  |  Size: 348 B

6
stylesheets/_index.scss
View file

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

5
stylesheets/_variables.scss
View file

@ -5,11 +5,16 @@ $grey_l: #f3f3f3;
$grey: #616161; $grey: #616161;
$grey_d: #454545; $grey_d: #454545;
@font-face {
font-family: 'Roboto-Light';
src: url('/fonts/Roboto-Light.ttf') format('truetype');
}
@font-face { @font-face {
font-family: 'Roboto'; font-family: 'Roboto';
src: url('/fonts/Roboto-Regular.ttf') format('truetype'); src: url('/fonts/Roboto-Regular.ttf') format('truetype');
} }
$roboto: Roboto, 'Helvetica Neue', Arial, Helvetica, sans-serif; $roboto: Roboto, 'Helvetica Neue', Arial, Helvetica, sans-serif;
$roboto-light: Roboto-Light, 'Helvetica Neue', Arial, Helvetica, sans-serif;
$header-height: 36px; $header-height: 36px;
$header-color: #f2f2f2; $header-color: #f2f2f2;

9
stylesheets/manifest.css
View file

@ -1,4 +1,7 @@
@charset "UTF-8"; @charset "UTF-8";
@font-face {
font-family: 'Roboto-Light';
src: url("/fonts/Roboto-Light.ttf") format("truetype"); }
@font-face { @font-face {
font-family: 'Roboto'; font-family: 'Roboto';
src: url("/fonts/Roboto-Regular.ttf") format("truetype"); } src: url("/fonts/Roboto-Regular.ttf") format("truetype"); }
@ -67,13 +70,13 @@ input.new-message {
float: left; float: left;
width: 36px; width: 36px;
height: 36px; height: 36px;
background: #2a92e7 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; display: inline-block;
height: 36px; height: 36px;
line-height: 36px; line-height: 36px;
font-size: 18px; font-family: Roboto-Light, "Helvetica Neue", Arial, Helvetica, sans-serif;
color: white; color: #2a92e7;
text-indent: -36px; } text-indent: -36px; }
.new-conversation .new-group-update-form { .new-conversation .new-group-update-form {