UX: simplify delete gap style
This commit is contained in:
parent
27e52bc66d
commit
cfb30bca80
|
@ -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() {
|
||||
|
|
|
@ -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 {
|
||||
|
|
|
@ -557,11 +557,6 @@ span.highlighted {
|
|||
}
|
||||
}
|
||||
|
||||
.gap.jagged-border {
|
||||
margin-left: -10px;
|
||||
margin-right: -10px;
|
||||
}
|
||||
|
||||
.popup-menu {
|
||||
h3 {
|
||||
margin-bottom: 0;
|
||||
|
|
Loading…
Reference in New Issue