Single history item
parent
8c25f0bad1
commit
cdca5a2553
|
@ -33,17 +33,41 @@ block content
|
|||
div.webhook-options
|
||||
a.icon.icon-floppy(href="", title="Save Webhook")
|
||||
a.icon.icon-delete(href="", title="Cancel Webhook")
|
||||
div.row
|
||||
div.webhook-service
|
||||
span Slack
|
||||
div.webhook-url
|
||||
span http://slack.kjrw3543m/nwdlkw4m535/ffm
|
||||
a(href="", title="Test history") (See test history)
|
||||
div.webhook-options
|
||||
div.webhook-options-wrapper
|
||||
a.icon.icon-floppy(href="", title="Save Webhook")
|
||||
a.icon.icon-edit(href="", title="Edit Webhook")
|
||||
a.icon.icon-delete(href="", title="Delete Webhook")
|
||||
div.single-webhook-wrapper
|
||||
div.row
|
||||
div.webhook-service
|
||||
span Github
|
||||
div.webhook-url
|
||||
span http://github.kjrw3543m/nwdlkw4m535/ffm
|
||||
a(href="", title="Test history") (See test history)
|
||||
div.webhook-options
|
||||
div.webhook-options-wrapper
|
||||
a.icon.icon-floppy(href="", title="Save Webhook")
|
||||
a.icon.icon-edit(href="", title="Edit Webhook")
|
||||
a.icon.icon-delete(href="", title="Delete Webhook")
|
||||
div.single-webhook-wrapper
|
||||
div.row
|
||||
div.webhook-service
|
||||
span Slack
|
||||
div.webhook-url
|
||||
span http://slack.kjrw3543m/nwdlkw4m535/ffm
|
||||
a(href="", title="Test history") (See test history)
|
||||
div.webhook-options
|
||||
div.webhook-options-wrapper
|
||||
a.icon.icon-floppy(href="", title="Save Webhook")
|
||||
a.icon.icon-edit(href="", title="Edit Webhook")
|
||||
a.icon.icon-delete(href="", title="Delete Webhook")
|
||||
div.webhooks-history
|
||||
div.history-single
|
||||
div
|
||||
span.history-response.history-success
|
||||
span.history-date Just now
|
||||
span.icon.icon-arrow-bottom
|
||||
div.history-single
|
||||
div
|
||||
span.history-response.history-error
|
||||
span.history-date Just now
|
||||
span.icon.icon-arrow-bottom
|
||||
|
||||
//
|
||||
form
|
||||
|
|
|
@ -1,6 +1,7 @@
|
|||
.admin-webhooks {
|
||||
.webhooks-table {
|
||||
.row {
|
||||
border-bottom: 0;
|
||||
padding: .5rem 0;
|
||||
}
|
||||
.row:hover {
|
||||
|
@ -20,7 +21,9 @@
|
|||
color: $gray;
|
||||
}
|
||||
}
|
||||
|
||||
.single-webhook-wrapper {
|
||||
border-bottom: 1px solid $whitish;
|
||||
}
|
||||
.webhooks-options {
|
||||
margin-bottom: 1rem;
|
||||
text-align: right;
|
||||
|
@ -31,9 +34,8 @@
|
|||
margin-right: .5rem;
|
||||
}
|
||||
.webhook-service {
|
||||
flex-basis: 200px;
|
||||
flex-basis: 20%;
|
||||
flex-grow: 0;
|
||||
min-width: 200px;
|
||||
}
|
||||
.webhook-url {
|
||||
flex-basis: 400px;
|
||||
|
@ -81,4 +83,33 @@
|
|||
margin-right: .3rem;
|
||||
}
|
||||
}
|
||||
.history-single {
|
||||
align-items: center;
|
||||
border-bottom: 1px solid $whitish;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
margin-left: 22%;
|
||||
padding: .5rem;
|
||||
transition: background .2s linear;
|
||||
&:hover {
|
||||
background: rgba($fresh-taiga, .1);
|
||||
transition: background .2s linear;
|
||||
}
|
||||
}
|
||||
.history-response {
|
||||
background: $gray;
|
||||
border-radius: 25%;
|
||||
display: inline-block;
|
||||
height: .8rem;
|
||||
margin-right: .5rem;
|
||||
vertical-align: middle;
|
||||
width: .8rem;
|
||||
&.history-success {
|
||||
background: $fresh-taiga;
|
||||
}
|
||||
&.history-error {
|
||||
background: $red;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in New Issue