summaryrefslogtreecommitdiffstats
path: root/apps/workflowengine/css/admin.scss
blob: 523bb7f8ba62b8e7cbab516a34d8d47a6b6129a0 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
.workflowengine {
	.pull-right {
		float: right
	}

	.invalid-input {
		border-color: var(--color-error);
	}

	.operation {
		padding: 5px 5px 20px;
		margin-bottom: 20px;
		border-bottom: var(--color-border) 1px solid;
		border-left: rgba(0, 0, 0, 0) 2px solid;

		&.modified {
			border-left: var(--color-warning) 2px solid;
		}

		button {
			margin-bottom: 0;
		}

		span.info {
			padding: 7px;
			color: var(--color-border);
		}

		.msg {
			border-radius: 3px;
			margin: 3px 3px 3px 0;
			padding: 5px;
			transition: opacity .5s;
		}

		.check {
			padding-left: 5px;
			&:hover {
				background-color: var(--color-background-dark);
			}
		}

		.button-delete,
		.button-delete-check {
			opacity: 0.5;
			padding: 11px;

			&:hover,
			&:focus {
				opacity: 1;
				cursor: pointer;
			}
		}
	}

	.rules {
		.icon-loading-small {
			display: inline-block;
			margin-right: 5px;
		}

		.operation:nth-last-child(2) {
			margin-bottom: 5px;
		}
	}

	.operation-header {
		display: flex;
		margin-left: 5px;

		.operation-name {
			width: 100%;
			max-width: 500px;
			align-self: flex-start;
			padding: 10px;
		}

		.select2-container {
			align-self: flex-end;
		}

		.icon-delete {
			margin-left: auto;
		}
	}
}