codeninjasllc/discourse
1
0
Fork 0
mirror of https://github.com/codeninjasllc/discourse.git synced 2025-04-04 11:10:04 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions

add jagged border for post gaps

Browse source
This commit is contained in:
Jeff Atwood 2015-06-27 11:52:04 -07:00
parent db066b5d3f
commit 58bb918002
2 changed files with 29 additions and 0 deletions
app/assets
javascripts/discourse/components
post-gap.js.es6
stylesheets/desktop
topic-post.scss

1
app/assets/javascripts/discourse/components/post-gap.js.es6
View file

@ -1,5 +1,6 @@
export default Ember.Component.extend({
classNameBindings: [':gap', 'gap::hidden'],
classNameBindings: [':gap', ':jagged-border', 'gap::hidden'],
initGaps: function(){
this.set('loading', false);

28
app/assets/stylesheets/desktop/topic-post.scss
View file

@ -716,6 +716,34 @@ $topic-avatar-width: 45px;
cursor: pointer;
text-align: center;
width: calc(#{$topic-avatar-width} + #{$topic-body-width} + 2 * #{$topic-body-width-padding});
&.jagged-border {
background-image:
linear-gradient(
135deg,
$secondary 50%, rgba(255,255,255,0) 50%
),
linear-gradient(
-135deg,
$secondary 50%, rgba(255,255,255,0) 50%
),
linear-gradient(
45deg,
$secondary 50%, rgba(255,255,255,0) 50%
),
linear-gradient(
-45deg,
$secondary 50%, rgba(255,255,255,0) 50%
);
background-position:
top center, top center,
bottom center, bottom center;
background-size: .9em .9em;
background-repeat: repeat-x;
padding: 20px 0;
margin-bottom: 20px;
}
}
.time-gap {