Yadciel/Titan
1
0
Fork 0
mirror of https://github.com/TitanEmbeds/Titan.git synced 2025-06-17 03:45:25 +02:00
Code Issues Packages Projects Releases Wiki Activity

Display rich embed support

Browse Source
This commit is contained in:
Jeremy Zhang
2017-11-05 05:59:06 +00:00
parent 962880f652
commit eff2b3bb46
8 changed files with 240 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
webapp/titanembeds/static/css/embedstyle.css
View File

@ -491,7 +491,6 @@ p.mentioned span.chatmessage {
background-color: rgba(0, 0, 0, 0.2);
color: #82b1ff;
cursor: pointer;
}
.chatmessage .channellink:hover {
@ -499,6 +498,92 @@ p.mentioned span.chatmessage {
color: white;
}
.embeds {
display: block;
width: 60%;
}
@media(max-width: 600px) {
.embeds {
width: 100%;
}
}
.richembed {
display: flex;
border: solid 1px grey;
background-color: rgba(0, 0, 0, 0.1);
border-radius: 10px;
overflow: hidden;
margin-top: 3px;
}
.richembed .color {
width: 6px;
background-color: #cacbce;
}
.richembed .rich {
margin: 10px;
}
.richembed img {
border-radius: 5px;
}
.richembed .author img, .richembed .footer img {
width: 20px;
border-radius: 100px;
vertical-align: bottom;
}
.richembed .content {
display: flex;
}
.richembed .thumbnail {
margin-left: 2px;
}
.richembed .thumbnail img {
width: 100%;
max-width: 170px;
}
.richembed .fields {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.richembed .field-name {
font-weight: bold;
}
.richembed .field {
flex: 0;
min-width: 100%;
}
.richembed .field.inline {
flex: 1;
flex-basis: auto;
min-width: 100px;
}
@media(max-width: 600px) {
.richembed .field.inline {
flex: 0;
flex-basis: unset;
min-width: 100%;
}
}
.richembed .image img {
max-width: 300px;
width: 100%;
}
#emoji-picker {
color: black;
position: fixed;