framework/extensions/mentions/less/mentions.less
Toby Zerner 547b2b1304 Search for users in autocomplete popup + other tweaks
- Highlight matching parts of usernames
- Fix positioning edge cases
2015-05-18 12:24:48 +09:30

78 lines
1.2 KiB
Plaintext

.mention-post, .mention-user {
background: @fl-body-control-bg;
color: @fl-body-control-color;
border-radius: @border-radius-base;
padding: 2px 5px;
border: 0 !important;
blockquote & {
background: @fl-body-bg;
}
}
.mention-post {
margin: 0 3px;
&:first-child {
margin-left: 0;
}
&:before {
.fa();
content: @fa-var-reply;
margin-right: 5px;
}
}
.text-editor {
position: relative;
}
.mentions-dropdown {
max-width: 500px;
max-height: 200px;
overflow: auto;
position: absolute;
& mark {
padding: 0;
}
& > li > a:hover {
background: none;
}
}
.post-preview {
color: @fl-body-muted-color !important;
& .avatar {
.avatar-size(24px);
margin: 0 0 0 -37px;
.suggestion-post& {
margin-top: 3px;
margin-bottom: 3px;
}
}
& .username {
color: @fl-body-color;
font-weight: bold;
}
}
.post-preview-content {
padding-left: 37px;
overflow: hidden;
line-height: 1.7em;
}
.mentioned-by {
position: relative;
& .summary {
cursor: pointer;
}
}
.mentioned-by-preview, .mention-post-preview, .mentions-dropdown {
margin: 5px 0 !important;
& > li > a {
white-space: normal;
border-bottom: 0;
}
}