dolibarr  16.0.5
dropdown.inc.php
1 <?php
2 if (!defined('ISLOADEDBYSTEELSHEET')) {
3  die('Must be call by steelsheet');
4 } ?>
5 /* <style type="text/css" > dont remove this line it's an ide hack */
6 /*
7  * Dropdown of user popup
8  */
9 
10 .bookmark-footer a.top-menu-dropdown-link {
11  white-space: normal;
12  word-break: break-word;
13 }
14 
15 button.dropdown-item.global-search-item {
16  outline: none;
17 }
18 
19 .open>.dropdown-search, .open>.dropdown-bookmark, .open>.dropdown-menu, .dropdown dd ul.open {
20  display: block;
21 }
22 
23 
24 #topmenu-quickadd-dropdown a.login-dropdown-a, #topmenu-bookmark-dropdown a.login-dropdown-a {
25  color: #fff;
26 }
27 div#topmenu-quickadd-dropdown {
28  position: fixed;
29  <?php echo $right; ?>: 55px;
30  top: 0px;
31 }
32 div#topmenu-bookmark-dropdown {
33  position: fixed;
34  <?php echo $right; ?>: 20px;
35  top: 0px;
36 }
37 
38 
39 #topmenu-login-dropdown .dropdown-toggle:after {
40  display: none;
41 }
42 
43 #topmenu-quickadd-dropdown .dropdown-menu, #topmenu-bookmark-dropdown .dropdown-menu {
44  min-width: 300px;
45  max-width: 360px;
46 }
47 
48 button.dropdown-item.global-search-item {
49  outline: none;
50 }
51 
52 .open>.dropdown-search, .open>.dropdown-quickadd, .open>.dropdown-bookmark, .open>.dropdown-menu{
53  display: block !important;
54 }
55 
56 .dropdown-search {
57  border-color: #eee;
58 
59  position: absolute;
60  top: 100%;
61  left: 0;
62  z-index: 1000;
63  display: none;
64  float: left;
65  min-width: 160px;
66  margin: 2px 0 0;
67  font-size: 14px;
68  text-align: left;
69  list-style: none;
70  background-color: #fff;
71  -webkit-background-clip: padding-box;
72  background-clip: padding-box;
73  border: 1px solid #ccc;
74  border: 1px solid rgba(0,0,0,.15);
75  border-radius: 4px;
76  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
77  box-shadow: 0 6px 12px rgba(0,0,0,.175);
78 }
79 .dropdown-bookmark {
80  border-color: #eee;
81 
82  position: absolute;
83  top: 100%;
84  left: 0;
85  z-index: 1000;
86  display: none;
87  float: left;
88  min-width: 160px;
89  margin: 2px 0 0;
90  font-size: 14px;
91  text-align: left;
92  list-style: none;
93  background-color: #fff;
94  -webkit-background-clip: padding-box;
95  background-clip: padding-box;
96  border: 1px solid #ccc;
97  border: 1px solid rgba(0,0,0,.15);
98  border-radius: 4px;
99  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
100  box-shadow: 0 6px 12px rgba(0,0,0,.175);
101 }
102 .dropdown-menu {
103  border-color: #eee;
104 
105  position: absolute;
106  top: 100%;
107  left: 0;
108  z-index: 1000;
109  display: none;
110  float: left;
111  min-width: 160px;
112  margin: 2px 0 0;
113  font-size: 14px;
114  text-align: left;
115  list-style: none;
116  background-color: #fff;
117  -webkit-background-clip: padding-box;
118  background-clip: padding-box;
119  border: 1px solid #ccc;
120  border: 1px solid rgba(0,0,0,.15);
121  border-radius: 4px;
122  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
123  box-shadow: 0 6px 12px rgba(0,0,0,.175);
124 }
125 
126 
127 /* CSS to hide the arrow to show open/close */
128 div#topmenu-quickadd-dropdown, div#topmenu-bookmark-dropdown {
129  padding-right: 2px;
130 }
131 div#topmenu-quickadd-dropdown a::after, div#topmenu-bookmark-dropdown a::after {
132  display: none;
133 }
134 
135 
136 .dropdown-toggle{
137  text-decoration: none !important;
138 }
139 
140 .dropdown-toggle::after {
141  /* font part */
142  font-family: "Font Awesome 5 Free";
143  font-size: 0.7em;
144  font-weight: 900;
145  font-style: normal;
146  font-variant: normal;
147  text-rendering: auto;
148  -webkit-font-smoothing: antialiased;
149  text-align:center;
150  text-decoration:none;
151  margin: auto 3px;
152  display: inline-block;
153  content: "\f078";
154 
155  -webkit-transition: -webkit-transform .2s ease-in-out;
156  -ms-transition: -ms-transform .2s ease-in-out;
157  transition: transform .2s ease-in-out;
158 }
159 
160 .open>.dropdown-toggle::after {
161  transform: rotate(180deg);
162 }
163 
164 /*
165 * MENU Dropdown
166 */
167 .login_block.usedropdown .logout-btn{
168  /* display: none; */
169 }
170 
171 .tmenu .open.dropdown, .tmenu .open.dropdown {
172  background: rgba(0, 0, 0, 0.1);
173 }
174 .tmenu .dropdown-menu, .login_block .dropdown-menu {
175  position: absolute;
176  right: 0;
177  <?php echo $left; ?>: auto;
178  line-height:1.3em;
179 }
180 .tmenu .dropdown-menu, .login_block .dropdown-menu .user-body {
181  border-bottom-right-radius: 4px;
182  border-bottom-left-radius: 4px;
183 }
184 .user-body {
185  color: #333;
186 }
187 .side-nav-vert .user-menu .dropdown-menu {
188  border-top-right-radius: 0;
189  border-top-left-radius: 0;
190  padding: 1px 0 0 0;
191  border-top-width: 0;
192  width: 300px;
193 }
194 .side-nav-vert .user-menu .dropdown-menu {
195  margin-top: 0;
196  border-top-left-radius: 0;
197  border-top-right-radius: 0;
198 }
199 
200 .side-nav-vert .user-menu .dropdown-menu > .user-header {
201  min-height: 100px;
202  padding: 10px;
203  text-align: center;
204  white-space: normal;
205 }
206 
207 #topmenu-global-search-dropdown .dropdown-menu{
208  width: 300px;
209  max-width: 100%;
210 }
211 
212 div#topmenu-global-search-dropdown, div#topmenu-quickadd-dropdown, div#topmenu-bookmark-dropdown {
213  line-height: <?php echo (getDolGlobalInt('THEME_TOPMENU_DISABLE_IMAGE') == 1 ? '35' : '46' ); ?>px;
214 }
215 a.top-menu-dropdown-link {
216  padding: 8px;
217 }
218 
219 .dropdown-user-image {
220  border-radius: 50%;
221  vertical-align: middle;
222  z-index: 5;
223  height: 90px;
224  width: 90px;
225  border: 3px solid;
226  border-color: transparent;
227  border-color: rgba(255, 255, 255, 0.2);
228  max-width: 100%;
229  max-height :100%;
230 }
231 
232 .dropdown-menu > .user-header{
233  background: rgb(--colorbackhmenu1);
234 }
235 
236 
237 
238 .dropdown-menu .dropdown-header{
239  padding: 8px 10px 10px 10px;
240 }
241 
242 .dropdown-menu > .user-footer {
243  background-color: #f9f9f9;
244  padding: 10px;
245 }
246 
247 .user-footer:after {
248  clear: both;
249 }
250 
251 
252 .dropdown-menu > .bookmark-footer{
253  border-top: 1px solid #f0f0f0;
254  background-color: #f9f9f9;
255  padding: 10px;
256  text-align: start;
257 }
258 
259 
260 .dropdown-menu > .user-body, .dropdown-body{
261  padding: 15px;
262  border-bottom: 1px solid #f4f4f4;
263  border-top: 1px solid #dddddd;
264  white-space: normal;
265 }
266 
267 .dropdown-menu > .bookmark-body, .dropdown-body{
268  padding: 10px 0;
269  overflow-y: auto;
270  max-height: 60vh ; /* fallback for browsers without support for calc() */
271  max-height: calc(90vh - 110px) ;
272  white-space: normal;
273 }
274 #topmenu-quickadd-dropdown .dropdown-menu > .bookmark-body, #topmenu-quickadd-dropdown .dropdown-body,
275 #topmenu-bookmark-dropdown .dropdown-menu > .bookmark-body, #topmenu-bookmark-dropdown .dropdown-body {
276  max-height: 60vh ; /* fallback for browsers without support for calc() */
277  max-height: calc(90vh - 200px) ;
278 }
279 
280 
281 .dropdown-body::-webkit-scrollbar {
282  width: 8px;
283  }
284 .dropdown-body::-webkit-scrollbar-thumb {
285  -webkit-border-radius: 0;
286  border-radius: 0;
287  /* background: rgb(<?php echo $colorbackhmenu1 ?>); */
288  background: #aaa;
289 }
290 .dropdown-body::-webkit-scrollbar-track {
291  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
292  -webkit-border-radius: 0;
293  border-radius: 0;
294 }
295 
296 
297 #topmenu-login-dropdown, #topmenu-quickadd-dropdown, #topmenu-bookmark-dropdown, #topmenu-global-search-dropdown {
298  padding: 0 5px 0 5px;
299 }
300 #topmenu-login-dropdown a:hover{
301  text-decoration: none;
302 }
303 
304 #topmenuloginmoreinfo-btn, #topmenulogincompanyinfo-btn {
305  display: block;
306  text-align: start;
307  color:#666;
308  cursor: pointer;
309 }
310 
311 #topmenuloginmoreinfo, #topmenulogincompanyinfo {
312  display: none;
313  clear: both;
314  font-size: 0.95em;
315 }
316 
317 a.dropdown-item {
318  text-align: start;
319 }
320 
321 .button-top-menu-dropdown {
322  display: inline-block;
323  padding: 6px 12px;
324  margin-bottom: 0;
325  font-size: 14px;
326  font-weight: 400;
327  line-height: 1.42857143;
328  text-align: center;
329  white-space: nowrap;
330  vertical-align: middle;
331  -ms-touch-action: manipulation;
332  touch-action: manipulation;
333  cursor: pointer;
334  -webkit-user-select: none;
335  -moz-user-select: none;
336  -ms-user-select: none;
337  user-select: none;
338  background-image: none;
339  border: 1px solid transparent;
340  border-radius: 4px;
341 }
342 
343 .user-footer .button-top-menu-dropdown {
344  color: #666666;
345  border-radius: 0;
346  -webkit-box-shadow: none;
347  -moz-box-shadow: none;
348  box-shadow: none;
349  border-width: 1px;
350  background-color: #f4f4f4;
351  border-color: #ddd;
352 }
353 
354 .dropdown-menu a.top-menu-dropdown-link {
355  color: rgb(<?php print $colortextlink; ?>) !important;
356  -webkit-box-shadow: none;
357  -moz-box-shadow: none;
358  box-shadow: none;
359  display: block;
360  margin: 5px 0px;
361 }
362 
363 .dropdown-item {
364  display: block !important;
365  box-sizing: border-box;
366  width: 100%;
367  padding: .3em 1.5em .4em 1em;
368  clear: both;
369  font-weight: 400;
370  color: #212529 !important;
371  text-align: inherit;
372  background-color: transparent;
373  border: 0;
374 
375  -webkit-box-shadow: none;
376  -moz-box-shadow: none;
377  box-shadow: none;
378 }
379 
380 .dropdown-item::before {
381  /* font part */
382  font-family: "Font Awesome 5 Free";
383  font-weight: 900;
384  font-style: normal;
385  font-variant: normal;
386  text-rendering: auto;
387  -webkit-font-smoothing: antialiased;
388  text-align:center;
389  text-decoration:none;
390  margin-<?php echo $right; ?>: 5px;
391  display: inline-block;
392  content: "\f0da";
393  color: rgba(0,0,0,0.3);
394 }
395 .multicompany-item::before {
396  content: none !important;
397 }
398 
399 .dropdown-item.bookmark-item-external::before {
400  content: "\f35d";
401 }
402 
403 .dropdown-item.active, .dropdown-item:hover, .dropdown-item:hover::before, .dropdown-item:hover span::before, .dropdown-item:focus {
404  color: #<?php echo $colortextbackhmenu; ?> !important;
405  text-decoration: none;
406  background: rgb(<?php echo $colorbackhmenu1 ?>);
407 }
408 
409 /*
410 * SEARCH
411 */
412 
413 .dropdown-search-input {
414  width: 100%;
415  padding: 10px 35px 10px 20px;
416 
417  background-color: transparent;
418  font-size: 14px;
419  line-height: 16px;
420  box-sizing: border-box;
421 
422 
423  color: #575756;
424  background-color: transparent;
425  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");
426  background-repeat: no-repeat;
427  background-size: 16px 16px;
428  background-position: 95% center;
429  border-radius: 50px;
430  border: 1px solid #c4c4c2 !important;
431  transition: all 250ms ease-in-out;
432  backface-visibility: hidden;
433  transform-style: preserve-3d;
434 
435 }
436 
437 
438 /* smartphone */
439 @media only screen and (max-width: 767px)
440 {
441  #topmenu-quickadd-dropdown .dropdown-menu {
442  min-width: 220px;
443  max-width: 235px;
444  }
445  #topmenu-bookmark-dropdown .dropdown-menu {
446  min-width: 220px;
447  max-width: 360px;
448  }
449 
450  #topmenu-bookmark-dropdown a.login-dropdown-a {
451  color: #000;
452  }
453  #topmenu-bookmark-dropdown .dropdown-menu {
454  width: 230px;
455  }
456 
457  div#topmenu-bookmark-dropdown {
458  position: unset;
459  }
460 
461  div#topmenu-global-search-dropdown, div#topmenu-bookmark-dropdown {
462  line-height: unset;
463  }
464 
465  ul.tmenu {
466  margin-right: 2px;
467  }
468 }
469 
470 @media only screen and (max-width: 320px)
471 {
472  .dropdown dd ul {
473  max-width: 270px; /* must always be 50 slower than width */
474  }
475 }
476 @media only screen and (max-width: 300px)
477 {
478  .dropdown dd ul {
479  max-width: 250px;
480  }
481 }
482 @media only screen and (max-width: 280px)
483 {
484  .dropdown dd ul {
485  max-width: 230px;
486  }
487 }
488 
489 
490 .dropdown-search-input::placeholder {
491  color: color(#575756);
492  letter-spacing: 1.5px;
493 }
494 
495 .hidden-search-result{
496  display: none !important;
497 }
user
$conf db user
Definition: repair.php:123
getDolGlobalInt
getDolGlobalInt($key, $default=0)
Return dolibarr global constant int value.
Definition: functions.lib.php:93
start
padding inline start
Definition: style.css.php:726
float
div float
Buy price without taxes.
Definition: style.css.php:809