Lanmikeman/openvk
Lanmikeman/openvk
1
1
Fork 0
mirror of https://github.com/openvk/openvk synced 2024-11-11 01:19:53 +03:00
Code Issues Projects Releases Packages Wiki Activity

Revert messages revamp

Browse source
This commit is contained in:
Alma Armas 2020-07-13 09:33:20 +00:00
parent 12d28141a3
commit 342429b505
1 changed files with 73 additions and 21 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

94
Web/static/css/style.css
View file

@ -744,52 +744,104 @@ table.User {
padding: 10px; padding: 10px;
} }
.messenger-app--messages, .messenger-app--input {
padding: 10px 70px;
}
.messenger-app--messages { .messenger-app--messages {
max-height: 400px; height: 360px;
overflow-y: auto; overflow-y: auto;
overflow-x: hidden; }
.messenger-app--messages---message, .messenger-app--input {
display: flex;
align-items: flex-start;
justify-content: space-between;
}
.messenger-app--messages---message {
margin-bottom: 1.2rem;
} }
.messenger-app--messages---message .ava, .messenger-app--input > .ava { .messenger-app--messages---message .ava, .messenger-app--input > .ava {
width: 40px; max-width: 64px;
height: 40px;
object-fit: cover;
} }
.dialogi td { .messenger-app--messages---message .ava, .messenger-app--input > .ava {
vertical-align: top; width: 52px;
padding: 5px; height: 52px;
} }
.dialogi { .messenger-app--messages---message ._content {
border-collapse: collapse; padding-left: 20px;
width: 300px;
} }
.dialogi tr:first-child { .messenger-app--messages---message ._content span, .messenger-app--messages---message ._content > a {
border: none; display: block;
} }
.dialogi tr { .messenger-app--messages---message ._content span {
border-top: 1px solid #ddd;
}
.messenger-app--input---messagebox textarea {
width: 100%; width: 100%;
height: 40px !important; height: fit-content;
resize: none; overflow: hidden;
margin-bottom: 10px !important; }
.messenger-app--messages---message ._content .attachments {
width: 100%;
}
.messenger-app--messages---message ._content .attachments > .msg-attach-j * {
max-width: 86%;
}
.messenger-app--messages---message ._content .attachments:not(:empty) {
margin-top: 15px;
}
.messenger-app--messages---message .time {
width: 100px;
} }
.messenger-app--input { .messenger-app--input {
background-color: #f9f9f9; background-color: #f9f9f9;
height: 72px !important; height: 80px !important;
border-top: 1px solid #d6d6d6; border-top: 1px solid #d6d6d6;
} }
.messenger-app--input---messagebox {
box-sizing: border-box;
padding: 0 10px;
width: calc(100% - 128px);
}
.messenger-app--input---messagebox textarea {
width: 100%;
height: 50px !important;
resize: none;
margin-bottom: 8px !important;
}
.messenger-app--input---messagebox .button { .messenger-app--input---messagebox .button {
float: right; float: right;
} }
.messenger-app--input .blocked {
width: 100%;
height: 100%;
position: relative;
}
.messenger-app--input .blocked::after {
content: attr(data-localized-text);
position: absolute;
top: 50%;
left: 50%;
margin-right: -50%;
transform: translate(-50%, -50%);
font-weight: 900;
}
.music-app { .music-app {
display: grid; display: grid;
} }