Lanmikeman/openvk
Lanmikeman/openvk
1
1
Fork 0
mirror of https://github.com/openvk/openvk synced 2024-12-23 09:01:15 +03:00
Code Issues Projects Releases Packages Wiki Activity

Change messages style to more old

Browse source 
Co-authored-by: Kos Furler <35310076+kosfurler@users.noreply.github.com>
This commit is contained in:
Alma Armas 2020-07-08 11:10:40 +00:00
parent 8d82fed187
commit 150f420038
2 changed files with 1222 additions and 1279 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
Web/Models/Entities/Message.php
View file

@ -109,7 +109,7 @@ class Message extends RowModel
"id" => $author->getId(), "id" => $author->getId(),
"link" => $_SERVER['REQUEST_SCHEME'] . "://" . $_SERVER['HTTP_HOST'] . $author->getURL(), "link" => $_SERVER['REQUEST_SCHEME'] . "://" . $_SERVER['HTTP_HOST'] . $author->getURL(),
"avatar" => $author->getAvatarUrl(), "avatar" => $author->getAvatarUrl(),
"name" => $author->getFullName(), "name" => $author->getFirstName(),
], ],
"timing" => [ "timing" => [
"sent" => (string) $this->getSendTime()->format("%e %B %G" . tr("time_at_sp") . "%X"), "sent" => (string) $this->getSendTime()->format("%e %B %G" . tr("time_at_sp") . "%X"),

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

@ -798,103 +798,42 @@ table.User {
} }
.messenger-app--messages, .messenger-app--input { .messenger-app--messages, .messenger-app--input {
padding: 10px 70px; padding: 10px;
} }
.messenger-app--messages {
height: 360px;
overflow-y: auto;
}
.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 {
max-width: 64px; width: 40px;
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: fit-content; height: 40px !important;
overflow: hidden; resize: none;
} 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: 80px !important; height: 72px !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;
} }
@ -1272,7 +1211,11 @@ body.scrolled .toTop:hover {
.data { .data {
width: 260px !important; width: 260px !important;
} }
.right_big_block h4 {
margin: 1px 0px 0px;
padding: 4px 0px 2px !important;
}
.knowledgeBaseArticle ul { .knowledgeBaseArticle ul {
color: unset; color: unset;
} }