Skip to content

Instantly share code, notes, and snippets.

@qyen
Created December 30, 2020 16:10
Show Gist options
  • Save qyen/eb815827dbab8ad2a1dc2702b5c64805 to your computer and use it in GitHub Desktop.
Save qyen/eb815827dbab8ad2a1dc2702b5c64805 to your computer and use it in GitHub Desktop.
#slackLogContainer {
margin: 0 auto;
}
#slackLogContainer .message {
padding: 11px;
border-radius: 8px;
border: 1px #ddd solid;
display: flex;
}
#slackLogContainer .message .icon {
width: 80px;
padding: 4px;
}
#slackLogContainer .message .message-body {
flex-grow: 1;
width: 100%;
}
#slackLogContainer .message .message-body .message-header .creator {
font-weight: bolder ;
}
#slackLogContainer .message .message-body .message-header .posted-at {
float: right;
font-size: x-small;
color: #ddd;
}
#slackLogContainer .message .replies .message {
border-radius: 0px;
}
#slackLogContainer .message .replies :first-child {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
#slackLogContainer .message .replies :not(:last-child) {
border-bottom: 0px;
}
#slackLogContainer .message .replies :last-child {
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}
#slackLogContainer .message .message .icon {
width: 56px;
}
#slackLogContainer code {
border: 1px solid #d88;
background-color: #dcc;
border-radius: 2px;
color: #d88;
}
#slackLogContainer div.code {
background-color: #ddd;
}
#slackLogContainer blockquote {
margin: 5px;
padding: 5px 10px;
border-left: 3px solid #ccc;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment