diff --git a/app/assets/javascripts/discourse/widgets/post-gap.js.es6 b/app/assets/javascripts/discourse/widgets/post-gap.js.es6 index 68e0be1ad38..b4ca767e549 100644 --- a/app/assets/javascripts/discourse/widgets/post-gap.js.es6 +++ b/app/assets/javascripts/discourse/widgets/post-gap.js.es6 @@ -1,7 +1,7 @@ import { createWidget } from 'discourse/widgets/widget'; export default createWidget('post-gap', { - tagName: 'div.gap.jagged-border', + tagName: 'div.gap', buildKey: (attrs) => `post-gap-${attrs.pos}-${attrs.postId}`, defaultState() { diff --git a/app/assets/stylesheets/common/base/topic-post.scss b/app/assets/stylesheets/common/base/topic-post.scss index da4b50c2e66..aa739f782ab 100644 --- a/app/assets/stylesheets/common/base/topic-post.scss +++ b/app/assets/stylesheets/common/base/topic-post.scss @@ -300,39 +300,12 @@ blockquote > *:last-child { } .gap { - background-color: dark-light-diff($primary, $secondary, 90%, -60%); - padding: 5px 0; + padding: 0.25em 0 0.5em 4.3em; color: dark-light-choose(scale-color($primary, $lightness: 60%), scale-color($secondary, $lightness: 40%)); cursor: pointer; - text-align: center; - - &.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; - } - + text-transform: uppercase; + font-weight: bold; + font-size: 0.9em; } .who-liked { diff --git a/app/assets/stylesheets/mobile/topic-post.scss b/app/assets/stylesheets/mobile/topic-post.scss index 1c06d3d3793..d43c00572bc 100644 --- a/app/assets/stylesheets/mobile/topic-post.scss +++ b/app/assets/stylesheets/mobile/topic-post.scss @@ -557,11 +557,6 @@ span.highlighted { } } -.gap.jagged-border { - margin-left: -10px; - margin-right: -10px; -} - .popup-menu { h3 { margin-bottom: 0;