FIX: move wiki/via-email glyphs + add green background on wiki posts

This commit is contained in:
Régis Hanol 2014-09-10 15:25:31 +02:00
parent af75360942
commit dbcaf1276a
5 changed files with 35 additions and 40 deletions

View File

@ -25,12 +25,6 @@
<i class="fa fa-trash-o deleted-user-avatar"></i>
{{/unless}}
</div>
{{#if wiki}}
<div {{action editPost this}} class="wiki" title="{{i18n post.wiki.about}}"><i class="fa fa-pencil-square-o fa-3x"></i></div>
{{/if}}
{{#if via_email}}
<div title="{{i18n post.via_email}}" class="via-email"><i class="fa fa-envelope-o fa-2x"></i></div>
{{/if}}
</div>
<div class='topic-body'>
@ -54,6 +48,12 @@
{{/if}}
</div>
{{/if}}
{{#if wiki}}
<div class="post-info wiki" title="{{i18n post.wiki.about}}" {{action editPost this}}><i class="fa fa-pencil-square-o"></i></div>
{{/if}}
{{#if via_email}}
<div class="post-info via-email" title="{{i18n post.via_email}}"><i class="fa fa-envelope-o"></i></div>
{{/if}}
<div {{bind-attr class=":read-state read"}} title="{{i18n post.unread}}"><i class='fa fa-circle'></i></div>
</div>

View File

@ -8,7 +8,8 @@ Discourse.PostView = Discourse.GroupedView.extend(Ember.Evented, {
'post.hidden:post-hidden',
'post.deleted',
'byTopicCreator:topic-creator',
'groupNameClass'],
'groupNameClass',
'post.wiki:wiki'],
postBinding: 'content',
historyHeat: function() {

View File

@ -100,3 +100,23 @@ aside.quote {
cursor: pointer;
}
}
.wiki .topic-body {
background-color: rgba(64, 128, 64, .05);
}
.post-info {
&.wiki, &.via-email {
margin-right: 5px;
i.fa {
font-size: 14px;
}
}
&.wiki {
cursor: pointer;
color: rgb(64, 128, 64);
}
&.via-email {
color: scale-color($primary, $lightness: 70%);
}
}

View File

@ -765,18 +765,6 @@ $topic-avatar-width: 45px;
float: left;
position: relative;
z-index: 2;
.wiki {
margin-top: 14px;
color: scale-color($primary, $lightness: 80%);
margin-left: 5px;
cursor: pointer;
}
.via-email {
margin: 14px 0 0 8px;
color: scale-color($primary, $lightness: 80%);
}
}
.gap {

View File

@ -373,19 +373,6 @@ iframe {
position: relative;
}
.wiki {
float: left;
padding: 10px;
color: #408040;
i {
float: left;
}
h3 {
float: left;
margin-left: 10px;
}
}
.modal-body {
input[type=text] {
font-size: 16px;
@ -394,7 +381,6 @@ iframe {
}
}
#share-link {
width: 290px;
}