web/cryptpad
2
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

CSS for the contacts input field

Browse Source
This commit is contained in:
yflory 2017-07-19 10:30:38 +02:00
parent e2d031c76a
commit 1dc98dcff1
3 changed files with 25 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
customize.dist/translations/messages.fr.js
View File

@ -269,6 +269,7 @@ define(function () {
out.contacts_send = 'Envoyer'; out.contacts_send = 'Envoyer';
out.contacts_remove = 'Supprimer ce contact'; out.contacts_remove = 'Supprimer ce contact';
out.contacts_confirmRemove = 'Êtes-vous sûr de voulour supprimer <em>{0}</em> de vos contacts ?'; out.contacts_confirmRemove = 'Êtes-vous sûr de voulour supprimer <em>{0}</em> de vos contacts ?';
out.contacts_typeHere = "Entrez un message ici...";
out.contacts_info1 = "Voici vos contacts. Ici, vous pouvez :"; out.contacts_info1 = "Voici vos contacts. Ici, vous pouvez :";

2
customize.dist/translations/messages.js
View File

@ -274,7 +274,7 @@ define(function () {
out.contacts_send = 'Send'; out.contacts_send = 'Send';
out.contacts_remove = 'Remove this contact'; out.contacts_remove = 'Remove this contact';
out.contacts_confirmRemove = 'Are you sure you want to remove <em>{0}</em> from your contacts?'; out.contacts_confirmRemove = 'Are you sure you want to remove <em>{0}</em> from your contacts?';
out.contacts_typeHere = "Type a message here...";
out.contacts_info1 = "These are your contacts. From here, you can:"; out.contacts_info1 = "These are your contacts. From here, you can:";
out.contacts_info2 = "Click your contact's icon to chat with them"; out.contacts_info2 = "Click your contact's icon to chat with them";

25
www/contacts/main.less
View File

@ -140,6 +140,9 @@ body {
.content { .content {
overflow: hidden; overflow: hidden;
word-wrap: break-word; word-wrap: break-word;
&> * {
margin: 0;
}
} }
.date { .date {
display: none; display: none;
@ -155,13 +158,31 @@ body {
} }
.input { .input {
background-color: lighten(@bg-color, 15%); background-color: lighten(@bg-color, 15%);
height: 50px; height: auto;
min-height: 50px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
padding: 0 75px; padding: 0 75px;
input { textarea {
margin: 5px 0;
padding: 0 10px;
border: none;
height: 50px;
flex: 1; flex: 1;
background-color: darken(@bg-color, 10%);
color: @color;
resize: none;
&:placeholder-shown { line-height: 50px; }
}
button {
height: 50px;
border-radius: 0;
border: none;
background-color: darken(@bg-color, 15%);
&:hover {
background-color: darken(@bg-color, 20%);
}
} }
} }
} }