70 lines
931 B
CSS
70 lines
931 B
CSS
.input {
|
|
flex-grow: 0;
|
|
flex-shrink: 0;
|
|
position: relative;
|
|
}
|
|
|
|
.input__main {
|
|
display: flex;
|
|
height: 40px;
|
|
max-height: 140px;
|
|
}
|
|
|
|
.input__text {
|
|
flex-grow: 1;
|
|
resize: none;
|
|
}
|
|
|
|
.input__text,
|
|
.input__button {
|
|
border: 1px solid;
|
|
border-radius: 0;
|
|
}
|
|
|
|
.input__text,
|
|
.input__button:not(.input__button--send) {
|
|
border-right: 0
|
|
}
|
|
|
|
.input__button {
|
|
border-left: 0;
|
|
font-size: 2em;
|
|
width: 40px;
|
|
cursor: pointer
|
|
}
|
|
|
|
.input__button:before {
|
|
font-family: "Font Awesome 5 Free";
|
|
font-weight: 900
|
|
}
|
|
|
|
.input__button--markup:before {
|
|
content: "\f121"
|
|
}
|
|
|
|
.input__button--emotes:before {
|
|
content: "\f118"
|
|
}
|
|
|
|
.input__button--upload:before {
|
|
content: "\f574"
|
|
}
|
|
|
|
.input__button--send:before {
|
|
content: "\f1d8"
|
|
}
|
|
|
|
.input__menus {
|
|
max-height: 100px;
|
|
overflow: auto
|
|
}
|
|
|
|
.input__menu {
|
|
display: none;
|
|
padding: 1px
|
|
}
|
|
|
|
.input__menu--active {
|
|
display: block
|
|
}
|