IntenseWebs/discourse
3
0
Fork 0
mirror of https://github.com/discourse/discourse.git synced 2025-02-25 18:55:32 -06:00
Code Issues Packages Projects Releases Wiki Activity

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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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

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

@ -716,6 +716,34 @@ $topic-avatar-width: 45px;
cursor: pointer; cursor: pointer;
text-align: center; text-align: center;
width: calc(#{$topic-avatar-width} + #{$topic-body-width} + 2 * #{$topic-body-width-padding}); 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 { .time-gap {