-
-
Notifications
You must be signed in to change notification settings - Fork 9
/
styles.css
121 lines (117 loc) · 3.47 KB
/
styles.css
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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
/*
// This file is part of Moodle - http://moodle.org/
//
// Moodle is free software: you can redistribute it and/or modify
// it under the terms of the GNU General Public License as published by
// the Free Software Foundation, either version 3 of the License, or
// (at your option) any later version.
//
// Moodle is distributed in the hope that it will be useful,
// but WITHOUT ANY WARRANTY; without even the implied warranty of
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
// GNU General Public License for more details.
//
// You should have received a copy of the GNU General Public License
// along with Moodle. If not, see <http://www.gnu.org/licenses/>.
* general tool specific CSS rules
*
* @package block_coupon
*
* @copyright Sebsoft.nl
* @author RvD <helpdesk@sebsoft.nl>
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
*/
.block-coupon-container {
display: block;
}
#block-coupon-modal {
width: 100%;
height: 100%;
top: 0;
left: 0;
position: fixed;
z-index: 99999;
margin: auto;
padding: 0;
background-color: rgba(0, 0, 0, 0.5);
}
.block-coupon-modal-content {
height: 100%;
}
.block-coupon-modal-header {
width: 90%;
margin: auto;
padding: 2px 16px;
height: 3.5em;
vertical-align: middle;
text-align: center;
background-color: rgb(255, 255, 255);
}
.block-coupon-modal-header .close {
color: #000;
float: right;
font-size: 3em;
font-weight: bold;
}
.block-coupon-modal-header h2 {
display: inline;
}
.block-coupon-modal-body {
width: 90%;
height: 100%;
margin: auto;
}
.block-coupon-modal-body iframe {
width: 100%;
height: 100%;
}
/*.block-coupon-container .mform .form-inline .form-control,
.block-coupon-container .mform .form-inline .custom-select {
width: 100%; oid; do not use 100% due to autocomplete elements!!!!
}
.block-coupon-container .mform .form-inline[data-fieldtype="autocomplete"] input.form-control {
width: 90%; oid; do not use 100% due to autocomplete elements!!!!
}*/
[data-block="coupon"] .btn {
margin-top: 10px;
}
/* prevent outline on single row. Stupid flex layout. Moodle hasn't really thought this one through... */
[data-groupname="coupon_groups"] .form-inline {
display: block;
}
[data-groupname="coupon_groups"] .form-check-inline {
display: inline;
margin-left: 20px;
}
/* REALLY nasty, but i want a full-height modal */
.modal-dialog:has(form.couponmodal) {
min-height: 60vh;
}
/* Override layout of autocomplete */
.path-blocks-coupon .block-coupon-container span[data-fieldtype="autocomplete"] {
display: flex !important; /* stylelint-disable-line declaration-no-important */
flex-direction: row;
}
.path-blocks-coupon .block-coupon-container span[data-fieldtype="autocomplete"] .form-autocomplete-selection {
order: 4;
margin: unset;
min-height: unset;
}
.path-blocks-coupon .block-coupon-container span[data-fieldtype="autocomplete"] div:has(input) {
order: 1;
}
.path-blocks-coupon .block-coupon-container span[data-fieldtype="autocomplete"] .loading-icon {
order: 2;
}
.path-blocks-coupon .block-coupon-container span[data-fieldtype="autocomplete"] .form-autocomplete-suggestions {
/* meh... */
margin: 0;
padding: 0;
top: 2.5rem;
border: none;
}
.block-coupon-container [data-region="bulkactions"] [data-action],
.block-coupon-container [data-action="editcourses"],
.block-coupon-container [data-action="editcohorts"] {
cursor: pointer;
}