lainwir3d/dolibarr
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix look and feel v16 for the Quick add feature.

Browse Source
This commit is contained in:
Laurent Destailleur 2022-04-15 18:04:58 +02:00
parent 8c808ea5f5
commit 140f983ca7
5 changed files with 52 additions and 25 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
htdocs/main.inc.php
View File

@ -2348,9 +2348,7 @@ function top_menu_quickadd()
$html .= '<!-- div for quick add link --> $html .= '<!-- div for quick add link -->
<div id="topmenu-quickadd-dropdown" class="atoplogin dropdown inline-block"> <div id="topmenu-quickadd-dropdown" class="atoplogin dropdown inline-block">
<a class="dropdown-toggle login-dropdown-a" data-toggle="dropdown" href="#" title="'.$langs->trans('QuickAdd').' ('.$langs->trans('QuickAddMenuShortCut').')"> <a class="dropdown-toggle login-dropdown-a" data-toggle="dropdown" href="#" title="'.$langs->trans('QuickAdd').' ('.$langs->trans('QuickAddMenuShortCut').')"><i class="fa fa-plus-circle"></i></a>
<i class="fa fa-plus-circle" ></i>
</a>
<div class="dropdown-menu">'.printDropdownQuickadd().'</div> <div class="dropdown-menu">'.printDropdownQuickadd().'</div>
</div>'; </div>';
$html .= ' $html .= '
@ -2559,9 +2557,7 @@ function top_menu_bookmark()
} else { } else {
$html .= '<!-- div for bookmark link --> $html .= '<!-- div for bookmark link -->
<div id="topmenu-bookmark-dropdown" class="dropdown inline-block"> <div id="topmenu-bookmark-dropdown" class="dropdown inline-block">
<a class="dropdown-toggle login-dropdown-a" data-toggle="dropdown" href="#" title="'.$langs->trans('Bookmarks').' ('.$langs->trans('BookmarksMenuShortCut').')"> <a class="dropdown-toggle login-dropdown-a" data-toggle="dropdown" href="#" title="'.$langs->trans('Bookmarks').' ('.$langs->trans('BookmarksMenuShortCut').')"><i class="fa fa-star"></i></a>
<i class="fa fa-star" ></i>
</a>
<div class="dropdown-menu"> <div class="dropdown-menu">
'.printDropdownBookmarksList().' '.printDropdownBookmarksList().'
</div> </div>

16
htdocs/theme/eldy/dropdown.inc.php
View File

@ -96,8 +96,6 @@ button.dropdown-item.global-search-item {
box-shadow: 0 6px 12px rgba(0,0,0,.175); box-shadow: 0 6px 12px rgba(0,0,0,.175);
} }
.dropdown-menu { .dropdown-menu {
border-color: #eee;
position: absolute; position: absolute;
top: 100%; top: 100%;
left: 0; left: 0;
@ -112,7 +110,6 @@ button.dropdown-item.global-search-item {
background-color: #fff; background-color: #fff;
-webkit-background-clip: padding-box; -webkit-background-clip: padding-box;
background-clip: padding-box; background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0,0,0,.15); border: 1px solid rgba(0,0,0,.15);
border-radius: 4px; border-radius: 4px;
-webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175); -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
@ -500,8 +497,19 @@ div.quickaddblock:focus {
right: 0; right: 0;
} }
#topmenu-quickadd-dropdown .dropdown-menu {
min-width: 220px;
max-width: 235px;
}
#topmenu-bookmark-dropdown .dropdown-menu { #topmenu-bookmark-dropdown .dropdown-menu {
min-width: 280px; min-width: 220px;
max-width: 360px; max-width: 360px;
} }
.dropdown-menu {
border: none;
-webkit-box-shadow: none;
box-shadow: none;
}
} }

13
htdocs/theme/eldy/global.inc.php
View File

@ -78,6 +78,7 @@ if (!empty($conf->global->THEME_DARKMODEENABLED)) {
--colortexttitle: rgb(220,220,220); --colortexttitle: rgb(220,220,220);
--colortext: rgb(220,220,220); --colortext: rgb(220,220,220);
--colortextlink: #4390dc; --colortextlink: #4390dc;
--colortexttitlelink: #4390dc;
--colortextbackhmenu: rgb(220,220,220); --colortextbackhmenu: rgb(220,220,220);
--colortextbackvmenu: rgb(220,220,220); --colortextbackvmenu: rgb(220,220,220);
--tooltipfontcolor : rgb(220,220,220); --tooltipfontcolor : rgb(220,220,220);
@ -5967,6 +5968,12 @@ span.select2.select2-container.select2-container--default {
border-right: none; border-right: none;
<?php } ?> <?php } ?>
} }
span.select2.select2-container.select2-container--default {
<?php if (empty($conf->global->THEME_SHOW_BORDER_ON_INPUT)) { ?>
//border-bottom: solid 1px var(--inputbordercolor);
<?php } ?>
}
input.select2-input { input.select2-input {
border-bottom: none ! important; border-bottom: none ! important;
} }
@ -5985,7 +5992,7 @@ input.select2-input {
border: none; border: none;
} }
.select2-container--focus span.select2-selection.select2-selection--single { .select2-container--focus span.select2-selection.select2-selection--single {
border-bottom: 1px solid #666 !important; border-bottom: 1px solid var(--inputbordercolor) !important;
border-bottom-left-radius: 0; border-bottom-left-radius: 0;
border-bottom-right-radius: 0; border-bottom-right-radius: 0;
} }
@ -5996,14 +6003,14 @@ input.select2-input {
background-color: var(--colorbackvmenu1); background-color: var(--colorbackvmenu1);
} }
.select2-container--default .select2-selection--single { .select2-container--default .select2-selection--single {
background-color: var(--colorbackbody); background-color: var(--inputbackgroundcolor);
} }
#blockvmenusearch .select2-container--default .select2-selection--single .select2-selection__placeholder { #blockvmenusearch .select2-container--default .select2-selection--single .select2-selection__placeholder {
color: var(--colortextbackvmenu); color: var(--colortextbackvmenu);
} }
.select2-container--default .select2-selection--single .select2-selection__rendered { .select2-container--default .select2-selection--single .select2-selection__rendered {
color: var(--colortext); color: var(--colortext);
/* background-color: var(--colorbackvmenu1); */ /* background-color: var(--inputbackgroundcolor); */
} }
.select2-default { .select2-default {
color: #999 !important; color: #999 !important;

31
htdocs/theme/md/dropdown.inc.php
View File

@ -21,20 +21,26 @@ button.dropdown-item.global-search-item {
} }
#topmenu-bookmark-dropdown a.login-dropdown-a { #topmenu-quickadd-dropdown a.login-dropdown-a, #topmenu-bookmark-dropdown a.login-dropdown-a {
color: #fff; color: #fff;
} }
div#topmenu-quickadd-dropdown {
position: fixed;
right: 65px;
top: 0px;
}
div#topmenu-bookmark-dropdown { div#topmenu-bookmark-dropdown {
position: fixed; position: fixed;
right: 20px; right: 20px;
top: 0px; top: 0px;
} }
#topmenu-login-dropdown .dropdown-toggle:after { #topmenu-login-dropdown .dropdown-toggle:after {
display: none; display: none;
} }
#topmenu-bookmark-dropdown .dropdown-menu { #topmenu-quickadd-dropdown .dropdown-menu, #topmenu-bookmark-dropdown .dropdown-menu {
min-width: 300px; min-width: 300px;
max-width: 360px; max-width: 360px;
} }
@ -43,8 +49,8 @@ button.dropdown-item.global-search-item {
outline: none; outline: none;
} }
.open>.dropdown-search, .open>.dropdown-bookmark, .open>.dropdown-menu{ .open>.dropdown-search, .open>.dropdown-quickadd, .open>.dropdown-bookmark, .open>.dropdown-menu{
display: block; display: block !important;
} }
.dropdown-search { .dropdown-search {
@ -194,7 +200,7 @@ button.dropdown-item.global-search-item {
max-width: 100%; max-width: 100%;
} }
div#topmenu-global-search-dropdown, div#topmenu-bookmark-dropdown { div#topmenu-global-search-dropdown, div#topmenu-quickadd-dropdown, div#topmenu-bookmark-dropdown {
line-height: 46px; line-height: 46px;
} }
a.top-menu-dropdown-link { a.top-menu-dropdown-link {
@ -255,7 +261,8 @@ a.top-menu-dropdown-link {
max-height: calc(90vh - 110px) ; max-height: calc(90vh - 110px) ;
white-space: normal; white-space: normal;
} }
#topmenu-bookmark-dropdown .dropdown-menu > .bookmark-body, #topmenu-bookmark-dropdown .dropdown-body{ #topmenu-quickadd-dropdown .dropdown-menu > .bookmark-body, #topmenu-quickadd-dropdown .dropdown-body,
#topmenu-bookmark-dropdown .dropdown-menu > .bookmark-body, #topmenu-bookmark-dropdown .dropdown-body {
max-height: 60vh ; /* fallback for browsers without support for calc() */ max-height: 60vh ; /* fallback for browsers without support for calc() */
max-height: calc(90vh - 200px) ; max-height: calc(90vh - 200px) ;
} }
@ -277,7 +284,7 @@ a.top-menu-dropdown-link {
} }
#topmenu-login-dropdown, #topmenu-bookmark-dropdown, #topmenu-global-search-dropdown { #topmenu-login-dropdown, #topmenu-quickadd-dropdown, #topmenu-bookmark-dropdown, #topmenu-global-search-dropdown {
padding: 0 5px 0 5px; padding: 0 5px 0 5px;
} }
#topmenu-login-dropdown a:hover{ #topmenu-login-dropdown a:hover{
@ -417,10 +424,18 @@ a.top-menu-dropdown-link {
/* smartphone */ /* smartphone */
@media only screen and (max-width: 767px) @media only screen and (max-width: 767px)
{ {
#topmenu-quickadd-dropdown .dropdown-menu {
min-width: 220px;
max-width: 235px;
}
#topmenu-bookmark-dropdown .dropdown-menu {
min-width: 220px;
max-width: 360px;
}
#topmenu-bookmark-dropdown a.login-dropdown-a { #topmenu-bookmark-dropdown a.login-dropdown-a {
color: #000; color: #000;
} }
#topmenu-bookmark-dropdown .dropdown-menu { #topmenu-bookmark-dropdown .dropdown-menu {
width: 230px; width: 230px;
} }

9
htdocs/theme/md/style.css.php
View File

@ -2270,6 +2270,7 @@ div.nopadding {
} }
td.nobordernopadding.widthpictotitle.col-picto { td.nobordernopadding.widthpictotitle.col-picto {
color: #bbb;
opacity: 0.9; opacity: 0.9;
} }
.pictotitle { .pictotitle {
@ -2279,6 +2280,9 @@ td.nobordernopadding.widthpictotitle.col-picto {
.pictoobjectwidth { .pictoobjectwidth {
width: 14px; width: 14px;
} }
span.widthpictotitle {
font-size: 1.3em;
}
.table-list-of-attached-files .col-picto, .table-list-of-links .col-picto { .table-list-of-attached-files .col-picto, .table-list-of-links .col-picto {
opacity: 0.7 !important; opacity: 0.7 !important;
font-size: 1em; font-size: 1em;
@ -7349,10 +7353,7 @@ if (is_object($db)) {
background: #ddd; background: #ddd;
}​ }​
div#topmenu-bookmark-dropdown {
position: fixed;
right: 20px;
}
/* Must be at end */ /* Must be at end */
div.flot-text .flot-tick-label .tickLabel, .fa-color-unset { div.flot-text .flot-tick-label .tickLabel, .fa-color-unset {