UX: simplify delete gap style

This commit is contained in:
Jeff Atwood 2017-05-05 17:06:13 -07:00
parent 27e52bc66d
commit cfb30bca80
3 changed files with 5 additions and 37 deletions

View File

@ -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() {

View File

@ -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 {

View File

@ -557,11 +557,6 @@ span.highlighted {
}
}
.gap.jagged-border {
margin-left: -10px;
margin-right: -10px;
}
.popup-menu {
h3 {
margin-bottom: 0;