Lanmikeman/openvk
Lanmikeman/openvk
1
1
Fork 0
mirror of https://github.com/openvk/openvk synced 2024-12-23 00:51:03 +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(),
"link" => $_SERVER['REQUEST_SCHEME'] . "://" . $_SERVER['HTTP_HOST'] . $author->getURL(),
"avatar" => $author->getAvatarUrl(),
"name" => $author->getFullName(),
"name" => $author->getFirstName(),
],
"timing" => [
"sent" => (string) $this->getSendTime()->format("%e %B %G" . tr("time_at_sp") . "%X"),

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

@ -798,103 +798,42 @@ table.User {
}
.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 {
max-width: 64px;
width: 40px;
height: 40px;
object-fit: cover;
}
.messenger-app--messages---message .ava, .messenger-app--input > .ava {
width: 52px;
height: 52px;
.dialogi td {
vertical-align: top;
padding: 5px;
}
.messenger-app--messages---message ._content {
padding-left: 20px;
width: 300px;
.dialogi {
border-collapse: collapse;
}
.messenger-app--messages---message ._content span, .messenger-app--messages---message ._content > a {
display: block;
.dialogi tr:first-child {
border: none;
}
.messenger-app--messages---message ._content span {
.dialogi tr {
border-top: 1px solid #ddd;
}
.messenger-app--input---messagebox textarea {
width: 100%;
height: fit-content;
overflow: hidden;
}
.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;
height: 40px !important;
resize: none;
margin-bottom: 10px !important;
}
.messenger-app--input {
background-color: #f9f9f9;
height: 80px !important;
height: 72px !important;
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 {
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 {
display: grid;
}
@ -1272,6 +1211,10 @@ body.scrolled .toTop:hover {
.data {
width: 260px !important;
}
.right_big_block h4 {
margin: 1px 0px 0px;
padding: 4px 0px 2px !important;
}
.knowledgeBaseArticle ul {
color: unset;