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

better styles for messaging input

Browse Source
This commit is contained in:
ansuz
2017-08-03 12:15:06 +02:00
parent 1fac0b9bc4
commit 195cb01d72
1 changed files with 24 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
www/contacts/main.less
View File

@@ -112,11 +112,32 @@ body {
} }
} }
.placeholder (@color: #bbb) {
&::-webkit-input-placeholder { /* WebKit, Blink, Edge */
color: @color;
}
&:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
color: @color;
opacity: 1;
}
&::-moz-placeholder { /* Mozilla Firefox 19+ */
color: @color;
opacity: 1;
}
&:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: @color;
}
&::-ms-input-placeholder { /* Microsoft Edge */
color: @color;
}
}
#messaging { #messaging {
flex: 1; flex: 1;
height: 100%; height: 100%;
background-color: lighten(@bg-color, 20%); background-color: lighten(@bg-color, 20%);
min-width: 0; min-width: 0;
.info { .info {
padding: 20px; padding: 20px;
} }
@@ -193,6 +214,9 @@ body {
background-color: darken(@bg-color, 10%); background-color: darken(@bg-color, 10%);
color: @color; color: @color;
resize: none; resize: none;
line-height: 50px;
overflow-y: auto;
.placeholder;
&:placeholder-shown { line-height: 50px; } &:placeholder-shown { line-height: 50px; }
} }
button { button {