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

Restyle first run hint

Browse source 
// FREEBIE
This commit is contained in:
lilia 2015-11-27 15:43:45 -08:00
parent 52b039a900
commit 152f59cc95
4 changed files with 17 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
background.html
View file

@ -22,11 +22,11 @@
<div class='new-contact contact hide'></div> <div class='new-contact contact hide'></div>
</div> </div>
</div> </div>
<div class='conversation-stack'></div> <div class='conversation-stack'>
</div>
</script> </script>
<script type='text/x-tmpl-mustache' id='hint'> <script type='text/x-tmpl-mustache' id='hint'>
<h3>Start here</h3> <p> Select a contact to start chatting. </p>
<p>Search your groups and contacts by name or phone number.</p>
</script> </script>
<script type='text/x-tmpl-mustache' id='conversation'> <script type='text/x-tmpl-mustache' id='conversation'>
<div class='panel'> <div class='panel'>

2
js/views/hint_view.js
View file

@ -6,7 +6,7 @@
window.Whisper = window.Whisper || {}; window.Whisper = window.Whisper || {};
Whisper.HintView = Whisper.View.extend({ Whisper.HintView = Whisper.View.extend({
className: 'firstRun hint', className: 'conversation placeholder',
templateName: 'hint', templateName: 'hint',
}); });
})(); })();

8
stylesheets/_index.scss
View file

@ -217,3 +217,11 @@ input.search {
} }
} }
} }
.conversation.placeholder {
p {
color: $grey;
text-align: center;
margin-top: 120px;
}
}

5
stylesheets/manifest.css
View file

@ -536,6 +536,11 @@ input.search {
border-color: transparent #2eace0 transparent transparent; border-color: transparent #2eace0 transparent transparent;
left: -30px; } left: -30px; }
.conversation.placeholder p {
color: #616161;
text-align: center;
margin-top: 120px; }
.conversation { .conversation {
background-color: #ffffff; background-color: #ffffff;
margin: 10px; margin: 10px;