rpdata/frontend
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

logs-content: Added styles for posts to differentiate post types more easily and highlight scenes.

Browse Source
This commit is contained in:
gisle
2018-12-02 14:35:46 +01:00
parent c4636cf843
commit 55379fcfe3
4 changed files with 26 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files
marko/page/logs-content/components/post-meta/index.marko
+1 -1
View File
@@ -1,5 +1,5 @@
<if(state.text != null && state.text != "")> <if(state.text != null && state.text != "")>
<div class=["post-meta", input.kind, state.color, input.weak ? "weak" : null] title=state.tooltip> <div class=["post-meta", input.kind, state.color, input.weak ? "weak" : null, input.class] title=state.tooltip>
<a if(state.href != null) href=state.href>${state.text}</a> <a if(state.href != null) href=state.href>${state.text}</a>
<span else>${state.text}</span> <span else>${state.text}</span>
</div> </div>
marko/page/logs-content/components/post-meta/style.less
+10
View File
@@ -18,3 +18,13 @@ div.post-meta {
div.post-meta.weak { div.post-meta.weak {
opacity: 0.5; opacity: 0.5;
} }
div.post-meta.nick.pk-text {
color: #AAA;
}
div.post-meta.nick.pk-action {
color: #A64;
}
div.post-meta.nick.pk-scene {
color: #68A;
}
marko/page/logs-content/components/post/index.marko
+2 -2
View File
@@ -1,4 +1,4 @@
<div if(!state.removed) class=["post", component.kindClass("post-type"), state.multipart ? "multipart" : null]> <div if(!state.removed) class=["post", component.kindClass("pk-"), state.multipart ? "multipart" : null]>
<div class="post-meta-row"> <div class="post-meta-row">
<div class="options color-menu"> <div class="options color-menu">
<if-permitted user=input.user permission="post.move"> <if-permitted user=input.user permission="post.move">
@@ -13,7 +13,7 @@
</if-permitted> </if-permitted>
</div> </div>
<post-meta kind="timestamp" value=input.post.time /> <post-meta kind="timestamp" value=input.post.time />
<post-meta kind="nick" value=input.post.nick /> <post-meta kind="nick" class=("pk-"+input.post.kind) value=input.post.nick />
</div> </div>
<div if(input.post.kind.startsWith("annotation.")) class="post-body" > <div if(input.post.kind.startsWith("annotation.")) class="post-body" >
<annotation level=(input.post.kind.substring(11))> <annotation level=(input.post.kind.substring(11))>
marko/page/logs-content/components/post/style.less
+12 -4
View File
@@ -1,5 +1,7 @@
div.post { div.post {
margin-bottom: 1ch; margin-bottom: 1ch;
margin-left: -12px;
padding-left: 12px;
div.post-meta-row { div.post-meta-row {
padding: 0; padding: 0;
@@ -48,11 +50,17 @@ div.post {
div.annotation { div.annotation {
margin-top: 0.33em; margin-top: 0.33em;
} }
p:first-of-type {
margin-top: 0;
padding-top: 0;
}
} }
div.post-body p:first-of-type { }
margin-top: 0;
padding-top: 0; div.post.pk-scene {
} margin-left: -14px;
border-left: 2px solid #68A;
} }
div.post.multipart { div.post.multipart {