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

Tweak styles on key verification view

Browse source 
// FREEBIE
This commit is contained in:
lilia 2016-03-21 18:18:10 -07:00
parent b57f26bac4
commit d24eaa655a
4 changed files with 21 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
background.html
View file

@ -239,9 +239,11 @@
{{ ^their_key }} {{ ^their_key }}
<div class='placeholder'>{{ their_key_unknown }}</div> <div class='placeholder'>{{ their_key_unknown }}</div>
{{ /their_key }} {{ /their_key }}
<div class='key'> {{ #has_their_key }}
{{ #their_key }} <span>{{ . }}</span> {{ /their_key }} <div class='key'>
</div> {{ #their_key }} <span>{{ . }}</span> {{ /their_key }}
</div>
{{ /has_their_key }}
<p> {{yourIdentity}} </p> <p> {{yourIdentity}} </p>
<div class='key'> <div class='key'>
{{ #your_key }} <span>{{ . }}</span> {{ /your_key }} {{ #your_key }} <span>{{ . }}</span> {{ /your_key }}

3
js/views/key_verification_view.js
View file

@ -31,7 +31,8 @@
theirIdentity: i18n('theirIdentity'), theirIdentity: i18n('theirIdentity'),
their_key_unknown: i18n('theirIdentityUnknown'), their_key_unknown: i18n('theirIdentityUnknown'),
your_key: this.splitKey(this.model.your_key), your_key: this.splitKey(this.model.your_key),
their_key: this.splitKey(this.model.their_key) their_key: this.splitKey(this.model.their_key),
has_their_key: this.model.their_key !== undefined
}; };
} }
}); });

6
stylesheets/_conversation.scss
View file

@ -47,6 +47,7 @@
.key-verification { .key-verification {
background: white; background: white;
padding: 20px 10px;
p { p {
padding: 1em; padding: 1em;
@ -57,6 +58,11 @@
} }
.key { .key {
font-family: monospace; font-family: monospace;
padding: 10px;
margin: 10px;
background: $grey_l;
border: solid 1px $grey_l2;
border-radius: 5px;
} }
.placeholder { .placeholder {
font-weight: bold; font-weight: bold;

10
stylesheets/manifest.css
View file

@ -653,14 +653,20 @@ input.search {
overflow-y: auto; } overflow-y: auto; }
.key-verification { .key-verification {
background: white; } background: white;
padding: 20px 10px; }
.key-verification p { .key-verification p {
padding: 1em; } padding: 1em; }
.key-verification .key, .key-verification .placeholder { .key-verification .key, .key-verification .placeholder {
padding: 0 1em; padding: 0 1em;
-webkit-user-select: text; } -webkit-user-select: text; }
.key-verification .key { .key-verification .key {
font-family: monospace; } font-family: monospace;
padding: 10px;
margin: 10px;
background: #f3f3f3;
border: solid 1px #d9d9d9;
border-radius: 5px; }
.key-verification .placeholder { .key-verification .placeholder {
font-weight: bold; } font-weight: bold; }