fix message input on menu side toggle size

This commit is contained in:
xdrm-brackets 2017-12-05 15:12:29 +01:00
parent 3862675b1d
commit ee05d5f432
1 changed files with 8 additions and 3 deletions

View File

@ -66,7 +66,7 @@
position: fixed; position: fixed;
top: calc( 100% - 3em ); top: calc( 100% - 3em );
left: 15em; left: 15em;
width: calc( 100% - 2*1px ); width: calc( 100% - 15em - 2*1px );
height: 3em; height: 3em;
border-top: 1px solid #ddd; border-top: 1px solid #ddd;
@ -76,12 +76,17 @@
overflow: hidden; overflow: hidden;
} }
#WRAPPER.min #CONTAINER.message form.msg-input{
left: 3.5em;
width: calc( 100% - 3.5em - 2*1px );
}
#CONTAINER.message form.msg-input input{ /* form Input */ #CONTAINER.message form.msg-input input{ /* form Input */
display: inline-block; display: inline-block;
position: absolute; position: absolute;
top: 0; top: 0;
left: 0; left: 0;
width: calc( 100vw - 15em - 2em - 3em ); width: calc( 100% - 2em - 3em );
height: calc( 100% - 2*.5em ); height: calc( 100% - 2*.5em );
padding: .5em 1em; padding: .5em 1em;
@ -95,7 +100,7 @@
display: inline-block; display: inline-block;
position: absolute; position: absolute;
top: 0; top: 0;
left: calc( 100vw - 15em - 3em ); left: calc( 100% - 3em );
width: 3em; width: 3em;
height: 3em; height: 3em;