Commit | Line | Data |
---|---|---|
6a488035 | 1 | .crm-profile-selector-preview-pane { |
9383ac27 EM |
2 | width: 75%; |
3 | min-width: 500px; | |
4 | height: 20em; | |
5 | border: 1px solid black; | |
6 | padding: 4px; | |
6a488035 TO |
7 | } |
8 | ||
413923b2 DG |
9 | .crm-container .crm-profile-selector-preview .icon { |
10 | float: none; | |
11 | } | |
12 | ||
6a488035 TO |
13 | .crm-designer-toolbar { |
14 | width: 290px; | |
15 | position: absolute; | |
16 | top: 0; | |
17 | right: 0; | |
18 | } | |
19 | ||
20 | .crm-designer-toolbar hr, | |
21 | .crm-designer-palette-search { | |
22 | margin: 0.5em 0; | |
23 | } | |
24 | ||
f84151fd CW |
25 | .crm-designer-palette-search input { |
26 | max-width: 75%; | |
27 | } | |
28 | ||
6a488035 | 29 | .crm-designer-toolbar .ui-resizable-w { |
9383ac27 | 30 | border-left: 4px dotted #bfbfbf; |
6a488035 TO |
31 | cursor: ew-resize; |
32 | height: 50px; | |
33 | top: 45%; | |
34 | } | |
35 | ||
36 | .crm-designer-toolbar .ui-resizable-w:hover { | |
9383ac27 | 37 | border-left: 4px dotted #6b6b6b; |
6a488035 TO |
38 | } |
39 | ||
40 | .crm-designer-palette { | |
41 | height: 20em; | |
42 | } | |
43 | ||
e871d6eb | 44 | .crm-designer-palette-section > a { |
6a488035 TO |
45 | font-weight: bold; |
46 | } | |
47 | ||
48 | .crm-designer-palette .crm-designer-palette-field, | |
49 | .crm-designer-palette .crm-designer-palette-field.disabled:hover { | |
50 | padding: 1px; | |
51 | border: 1px dashed transparent; | |
52 | background-color: transparent; | |
53 | margin-right: 0.5em; | |
54 | } | |
55 | ||
56 | .crm-designer-palette .crm-designer-palette-field a { | |
57 | cursor: move; | |
58 | } | |
59 | ||
6a488035 TO |
60 | .crm-designer-palette .crm-designer-palette-field:hover, |
61 | .crm-designer-fields-region .crm-designer-row:hover, | |
62 | .crm-designer-open .crm-designer-row, | |
63 | .crm-designer-row-placeholder { | |
64 | border: 1px dashed gray; | |
65 | cursor: move; | |
9383ac27 | 66 | background-color: #e9e9f5; |
6a488035 TO |
67 | } |
68 | ||
f74718b1 CW |
69 | .crm-designer-palette .crm-designer-palette-field.disabled a, |
70 | .crm-designer-open .crm-designer-row:hover { | |
71 | cursor: default; | |
72 | } | |
73 | ||
6a488035 TO |
74 | .crm-container .crm-designer-palette .crm-designer-palette-tree a { |
75 | color: #222; | |
76 | font-style: normal; | |
77 | } | |
78 | ||
79 | .crm-container .crm-designer-palette .disabled a, | |
80 | .crm-designer-palette .crm-designer-palette-tree .disabled a.jstree-search { | |
81 | color: #999; | |
82 | } | |
83 | ||
84 | .crm-designer-palette .jstree-leaf ins { | |
85 | width: 6px; | |
86 | } | |
87 | ||
88 | /* Cancel hovering affect from JSTree theme -- we already do this! */ | |
89 | .crm-designer-palette .crm-designer-palette-tree .jstree-hovered { | |
90 | background: transparent; | |
91 | border: 1px transparent; | |
92 | padding: 1px 2px 0 2px; | |
93 | } | |
94 | ||
95 | .crm-designer-canvas { | |
96 | padding-right: 1em; | |
97 | margin-right: 300px; | |
98 | } | |
99 | ||
100 | .crm-designer-buttonset-region { | |
101 | text-align: center; | |
102 | margin: auto; | |
103 | } | |
104 | ||
105 | .crm-designer-field-binding { | |
106 | border: 1px inset black; | |
107 | padding: 0.4em; | |
108 | background: #ccc; | |
109 | } | |
110 | ||
111 | .crm-designer-fields { | |
9383ac27 | 112 | min-width: 100px; |
6a488035 | 113 | /* to allow dropping in big whitespace, coordinate with min-height of dialog */ |
9383ac27 | 114 | min-height: 500px; |
6a488035 TO |
115 | } |
116 | ||
117 | .crm-designer-duplicate .crm-designer-row { | |
118 | background: #fbb; | |
119 | } | |
120 | ||
121 | .crm-designer-duplicate .field-location_type_id, | |
122 | .crm-designer-duplicate .field-phone_type_id { | |
123 | color: #f00; | |
124 | } | |
125 | ||
126 | .crm-designer-row .crm-designer-buttons { | |
127 | right: 5px; | |
128 | top: 5px; | |
129 | position: absolute; | |
130 | height: 20px; | |
131 | } | |
132 | ||
133 | .crm-designer-fields-region .crm-designer-buttons { | |
134 | display: none; | |
135 | } | |
136 | ||
137 | .crm-designer-fields-region .crm-designer-open .crm-designer-buttons, | |
138 | .crm-designer-row:hover .crm-designer-buttons { | |
139 | display: block; | |
140 | } | |
141 | ||
142 | .crm-designer-row .crm-designer-buttons a { | |
143 | cursor: pointer; | |
144 | display: inline-block; | |
145 | border-radius: 4px; | |
9383ac27 | 146 | border: 1px solid #d7d7d7; |
6a488035 TO |
147 | } |
148 | ||
149 | .crm-designer-row .crm-designer-buttons a:hover, | |
150 | .crm-designer button:hover { | |
151 | box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); | |
152 | } | |
153 | ||
fa3a5fe2 | 154 | .crm-designer .crm-designer-palette-tree button { |
e871d6eb CW |
155 | font-size: .8em; |
156 | } | |
157 | ||
fd66df85 | 158 | .crm-designer .crm-designer-palette-tree span.ui-button-text { |
e871d6eb CW |
159 | padding: 0.4em; |
160 | } | |
161 | ||
2b83aa0d CW |
162 | .crm-designer .crm-designer-edit-custom { |
163 | position: absolute; | |
164 | right: 5px; | |
165 | top: 35px; | |
166 | font-size: .8em; | |
9383ac27 | 167 | border: 1px solid #cfcec3; |
2b83aa0d CW |
168 | } |
169 | ||
170 | button#crm-designer-add-custom-set { | |
171 | margin-top: 10px; | |
172 | } | |
173 | ||
6a488035 TO |
174 | .ui-sortable-helper > .crm-designer-row { |
175 | box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2); | |
176 | opacity: 0.75; | |
177 | } | |
178 | ||
179 | .crm-designer-row .crm-designer-buttons a.crm-designer-action-settings:hover { | |
9383ac27 | 180 | background-color: #71d46e; |
6a488035 TO |
181 | } |
182 | ||
183 | .crm-designer-row .crm-designer-buttons a.crm-designer-action-remove:hover { | |
9383ac27 | 184 | background-color: #f19489; |
6a488035 TO |
185 | } |
186 | ||
187 | .crm-designer-row, | |
188 | .crm-designer-row-placeholder { | |
189 | border: 1px dashed transparent; | |
190 | padding: 0.3em; | |
191 | margin: auto; | |
192 | position: relative; | |
193 | } | |
194 | ||
195 | .crm-designer-row-label { | |
fa3a5fe2 | 196 | padding: 0.5em 0; |
6a488035 TO |
197 | } |
198 | ||
199 | .crm-designer-label { | |
200 | font-weight: bold; | |
201 | } | |
202 | ||
203 | .crm-designer-row-placeholder { | |
204 | visibility: visible !important; | |
205 | height: 2em; | |
206 | } | |
207 | ||
208 | .crm-designer-dialog .description { | |
fa3a5fe2 | 209 | margin: 0 2em 0 0; |
6a488035 TO |
210 | } |
211 | ||
2d1111ef SL |
212 | /* Hack for Drupal 8 for some reason was moving it around strange */ |
213 | .crm-designer-dialog .ui-resizable { | |
214 | position: absolute; | |
215 | } | |
216 | ||
6a488035 TO |
217 | .crm-designer-dialog .disabled .description { |
218 | display: none; | |
219 | } | |
220 | ||
221 | .crm-designer-dialog li.crm-designer-row-placeholder, | |
222 | .crm-designer-dialog li.ui-draggable-dragging, | |
223 | .crm-designer-dialog .bbf-form ul { | |
224 | list-style-image: none; | |
225 | list-style: none; | |
226 | } | |
227 | ||
228 | .ui-dialog .crm-designer-dialog.ui-dialog-content { | |
229 | overflow: visible; | |
230 | padding-right: .25em; | |
231 | } | |
232 | ||
233 | .crm-designer-dialog .full-height { | |
234 | height: 100%; | |
235 | } | |
236 | ||
237 | .crm-designer { | |
238 | position: relative; | |
239 | } | |
240 | ||
241 | .crm-profile-selector-preview-pane, | |
242 | .crm-designer-dialog .crm-designer .scroll { | |
243 | overflow-x: auto; | |
244 | overflow-y: scroll; | |
245 | } | |
246 | ||
247 | .ui-dialog { | |
248 | border: 1px solid #444; | |
249 | box-shadow: 0 0 12px rgba(0, 0, 0, 0.3); | |
250 | } | |
251 | ||
252 | /* Hide annoying 'preview' message */ | |
fb0aac1e | 253 | .crm-profile-selector-preview-pane div.profile-preview-msg { |
6a488035 TO |
254 | display: none; |
255 | } |