mirror of
https://github.com/flarum/core.git
synced 2025-07-31 21:50:50 +02:00
Update for new API + TextFormatter
This commit is contained in:
83
extensions/mentions/less/forum/extension.less
Normal file
83
extensions/mentions/less/forum/extension.less
Normal file
@@ -0,0 +1,83 @@
|
||||
.PostMention, .UserMention {
|
||||
background: @control-bg;
|
||||
color: @control-color;
|
||||
border-radius: @border-radius;
|
||||
padding: 2px 5px;
|
||||
border: 0 !important;
|
||||
|
||||
blockquote & {
|
||||
background: @body-bg;
|
||||
}
|
||||
&:hover,
|
||||
&:active {
|
||||
color: @link-color;
|
||||
}
|
||||
}
|
||||
.PostMention {
|
||||
margin: 0 3px;
|
||||
|
||||
&:first-child {
|
||||
margin-left: 0;
|
||||
}
|
||||
|
||||
&:before {
|
||||
.fa();
|
||||
content: @fa-var-reply;
|
||||
margin-right: 5px;
|
||||
}
|
||||
}
|
||||
.TextEditor {
|
||||
position: relative;
|
||||
}
|
||||
.MentionsDropdown {
|
||||
max-width: 500px;
|
||||
max-height: 200px;
|
||||
overflow: auto;
|
||||
position: absolute;
|
||||
|
||||
mark {
|
||||
padding: 0;
|
||||
}
|
||||
> li > a:hover {
|
||||
background: none;
|
||||
}
|
||||
}
|
||||
.MentionsDropdown, .PostMention-preview, .Post-mentionedBy-preview {
|
||||
.PostPreview {
|
||||
color: @muted-color;
|
||||
|
||||
.Avatar {
|
||||
.Avatar--size(24px);
|
||||
margin: 0 0 0 -37px;
|
||||
|
||||
.MentionsDropdown-post& {
|
||||
margin-top: 3px;
|
||||
margin-bottom: 3px;
|
||||
}
|
||||
}
|
||||
.username {
|
||||
color: @text-color;
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
.PostPreview-content {
|
||||
padding-left: 37px;
|
||||
overflow: hidden;
|
||||
line-height: 1.7em;
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
.Post-mentionedBy {
|
||||
position: relative;
|
||||
}
|
||||
.Post-mentionedBy-summary {
|
||||
cursor: pointer;
|
||||
}
|
||||
.Post-mentionedBy-preview, .PostMention-preview, .MentionsDropdown {
|
||||
margin: 5px 0 !important;
|
||||
|
||||
> li > a {
|
||||
white-space: normal;
|
||||
border-bottom: 0;
|
||||
}
|
||||
}
|
@@ -1,77 +0,0 @@
|
||||
.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;
|
||||
}
|
||||
}
|
Reference in New Issue
Block a user