autonomic-cooperative/hubl
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Merge branch 'feature/messages-header-name-ellipsis' of https://git.startinblox.com/applications/hubl into feature/messages-header-name-ellipsis

Browse Source
This commit is contained in:
gaelle morin 2021-07-02 11:49:07 +02:00
commit 47e4698c0e
No known key found for this signature in database
GPG Key ID: 028426702B95CF9C
2 changed files with 39 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/orbit-dependencies.pug
View File

@ -17,7 +17,7 @@ if componentSet.has("autoLogin") || componentSet.has("registering")
//- script(type="module" src="/lib/sib-auth/index.js" defer) //- script(type="module" src="/lib/sib-auth/index.js" defer)
if componentSet.has("chat") || componentSet.has("circles") || componentSet.has("projects") if componentSet.has("chat") || componentSet.has("circles") || componentSet.has("projects")
script(type="module" src="https://cdn.skypack.dev/@startinblox/component-chat@6.2" defer) script(type="module" src="https://cdn.skypack.dev/@startinblox/component-chat@6.3" defer)
//- script(type="module" src="/lib/solid-xmpp-chat/dist/index.js" defer) //- script(type="module" src="/lib/solid-xmpp-chat/dist/index.js" defer)
if componentSet.has("communities") if componentSet.has("communities")

41
src/styles/chat/_index.scss
View File

@ -1,8 +1,43 @@
.chat-view { #messages {
height: calc(100vh - 50px - 78px);
.chat-view {
height: calc(100vh - 50px - 78px);
}
@media (max-width: 768px) { @media (max-width: 768px) {
height: calc(100vh - 50px - 68px);
height: calc(100vh - 50px - 58px);
.messages-header {
display: flex;
}
solid-set-default[name="segment2"] {
font-size: 14px;
line-height: 16px;
width: 75%;
}
orbit-user-avatar {
height: 31px;
width: 31px;
}
solid-display-value[name="name"] {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 210px;
}
solid-display-value[name="hyphen"] {
display: none;
}
solid-link {
vertical-align: super;
}
} }
} }