Ticket data block buttons
parent
a443b99d49
commit
008b38ea24
|
@ -365,7 +365,7 @@ BlockButtonDirective = ($rootscope, $loading, $template) ->
|
||||||
return if not item
|
return if not item
|
||||||
|
|
||||||
if isEditable()
|
if isEditable()
|
||||||
$el.find('.item-block').addClass('is-editable')
|
$el.find('.item-block').addClass('editable')
|
||||||
|
|
||||||
if item.is_blocked
|
if item.is_blocked
|
||||||
$el.find('.item-block').removeClass('is-active')
|
$el.find('.item-block').removeClass('is-active')
|
||||||
|
|
|
@ -1,5 +1,8 @@
|
||||||
.ticket-header {
|
.ticket-header {
|
||||||
|
align-items: center;
|
||||||
|
display: flex;
|
||||||
margin: 1.5rem 0 2rem;
|
margin: 1.5rem 0 2rem;
|
||||||
|
position: relative;
|
||||||
.ticket-title {
|
.ticket-title {
|
||||||
@extend %larger;
|
@extend %larger;
|
||||||
@extend %light;
|
@extend %light;
|
||||||
|
@ -100,6 +103,10 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.ticket-watch-buttons {
|
||||||
|
margin-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
.ticket-watch {
|
.ticket-watch {
|
||||||
.ticket-watch-title {
|
.ticket-watch-title {
|
||||||
@extend %bold;
|
@extend %bold;
|
||||||
|
@ -168,19 +175,11 @@
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
transition: background .2s linear;
|
transition: background .2s linear;
|
||||||
transition-delay: .1s;
|
transition-delay: .1s;
|
||||||
&:hover {
|
|
||||||
background: $gray-light;
|
|
||||||
cursor: default;
|
|
||||||
}
|
|
||||||
&.is-editable {
|
|
||||||
background: $gray-light;
|
|
||||||
cursor: pointer;
|
|
||||||
&:hover {
|
&:hover {
|
||||||
background: $gray;
|
background: $gray;
|
||||||
}
|
}
|
||||||
}
|
&.editable {
|
||||||
&.active {
|
cursor: pointer;
|
||||||
background: $primary-light;
|
|
||||||
}
|
}
|
||||||
+input {
|
+input {
|
||||||
display: none;
|
display: none;
|
||||||
|
@ -194,13 +193,15 @@
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
.item-unblock {
|
.item-unblock {
|
||||||
|
background: $red-light;
|
||||||
|
&:hover {
|
||||||
background: $red;
|
background: $red;
|
||||||
}
|
}
|
||||||
|
}
|
||||||
.button-delete {
|
.button-delete {
|
||||||
background: $red-light;
|
background: $red-light;
|
||||||
&:hover {
|
&:hover {
|
||||||
background: $red;
|
background: $red;
|
||||||
cursor: pointer;
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
img {
|
img {
|
||||||
|
|
Loading…
Reference in New Issue