* Fix bug #44531, modify picker menu in preference.
This commit is contained in:
@@ -32,8 +32,12 @@
|
||||
.guide-block .block:hover {box-shadow: 0 0 14px rgba(0, 0, 0, 0.12);}
|
||||
.guide-block .block.active {box-shadow: 0 0 0 2px #2E7FFF; border-radius: 2px;}
|
||||
|
||||
.guide-block .preference-menu.picker-menu-list .menu-item>a.active, .guide-block .picker-menu-list .menu-item>a.hover, .guide-block .picker-menu-list .menu-item>a:hover{background: unset}
|
||||
.guide-block .preference-menu.picker-menu-list .menu-item>a.active .preference-box{background: var(--menu-active-bg); color: var(--menu-active-color)}
|
||||
.guide-block .preference-menu.picker-menu-list .menu-item>a:hover .preference-box, .guide-block .picker-menu-list .menu-item>a.hover .preference-box{background: var(--menu-active-bg); color: var(--menu-active-color); box-shadow: 0px 0px 1px 1px #2E7FFF;}
|
||||
.guide-block .preference-menu.picker-menu-list .menu-item>a.active .preference-box .label, .guide-block .picker-menu-list .menu-item>a:hover .preference-box .label, .guide-block .picker-menu-list .menu-item>a.hover .preference-box .label{background: var(--menu-active-bg); color: var(--menu-active-color);}
|
||||
.preference-menu.picker-menu-list {padding: 0.25rem;}
|
||||
.preference-menu.picker-menu-list .menu-item {padding: 0.25rem;}
|
||||
.preference-menu.picker-menu-list .menu-item > a {padding: 0; border-width: 1px;}
|
||||
.preference-menu.picker-menu-list .menu-item>a.active, .picker-menu-list .menu-item>a.hover, .picker-menu-list .menu-item>a:hover{background: unset; border-color: var(--color-primary-500);}
|
||||
.preference-menu.picker-menu-list .menu-item>a:hover:before {opacity: 0;}
|
||||
.preference-menu.picker-menu-list .menu-item>a.active .preference-box {background: var(--color-primary-50); color: var(--color-primary-500);}
|
||||
.preference-menu.picker-menu-list .menu-item>a:hover .preference-box, .picker-menu-list .menu-item>a.hover .preference-box{background: var(--color-primary-50); color: var(--color-primary-500); box-shadow: 0px 0px 1px 1px #2E7FFF;}
|
||||
.preference-menu.picker-menu-list .menu-item>a.active .preference-box .label, .picker-menu-list .menu-item>a:hover .preference-box .label, .picker-menu-list .menu-item>a.hover .preference-box .label{background: var(--menu-active-bg); color: var(--color-primary-500);}
|
||||
.ursr-menu > li{width: 50%;}
|
||||
|
||||
@@ -42,7 +42,7 @@ function printPreference(array $URSRList)
|
||||
$URSRItems = array();
|
||||
foreach($URSRList as $URSRKey => $URSRValue)
|
||||
{
|
||||
$contentHtml = "<div class=''><span class='label light-pale circle mr-4'>{$URSRKey}</span>{$URSRValue}</div>";
|
||||
$contentHtml = "<div class=''><span class='inline-block primary-pale circle mr-4 text-center h-5 w-5'><p class='leading-5'>{$URSRKey}</p></span>{$URSRValue}</div>";
|
||||
$URSRItems[] = array('value' => $URSRKey, 'text' => $URSRValue, 'content' => array('html' => $contentHtml, 'class' => 'flex w-full border p-4 preference-box'));
|
||||
}
|
||||
|
||||
|
||||
@@ -1,5 +1,9 @@
|
||||
.picker-menu-list .menu-item>a.active, .picker-menu-list .menu-item>a.hover, .picker-menu-list .menu-item>a:hover{background: unset}
|
||||
.picker-menu-list .menu-item>a.active .preference-box{background: var(--menu-active-bg); color: var(--menu-active-color)}
|
||||
.picker-menu-list .menu-item>a:hover .preference-box, .picker-menu-list .menu-item>a.hover .preference-box{background: var(--menu-active-bg); color: var(--menu-active-color); box-shadow: 0px 0px 1px 1px #2E7FFF;}
|
||||
.picker-menu-list .menu-item>a.active .preference-box .label, .picker-menu-list .menu-item>a:hover .preference-box .label, .picker-menu-list .menu-item>a.hover .preference-box .label{background: var(--menu-active-bg); color: var(--menu-active-color);}
|
||||
.preference-menu.picker-menu-list {padding: 0.25rem;}
|
||||
.preference-menu.picker-menu-list .menu-item {padding: 0.25rem;}
|
||||
.preference-menu.picker-menu-list .menu-item > a {padding: 0; border-width: 1px;}
|
||||
.preference-menu.picker-menu-list .menu-item>a.active, .picker-menu-list .menu-item>a.hover, .picker-menu-list .menu-item>a:hover{background: unset; border-color: var(--color-primary-500);}
|
||||
.preference-menu.picker-menu-list .menu-item>a:hover:before {opacity: 0;}
|
||||
.preference-menu.picker-menu-list .menu-item>a.active .preference-box {background: var(--color-primary-50); color: var(--color-primary-500);}
|
||||
.preference-menu.picker-menu-list .menu-item>a:hover .preference-box, .picker-menu-list .menu-item>a.hover .preference-box{background: var(--color-primary-50); color: var(--color-primary-500); box-shadow: 0px 0px 1px 1px #2E7FFF;}
|
||||
.preference-menu.picker-menu-list .menu-item>a.active .preference-box .label, .picker-menu-list .menu-item>a:hover .preference-box .label, .picker-menu-list .menu-item>a.hover .preference-box .label{background: var(--menu-active-bg); color: var(--color-primary-500);}
|
||||
.ursr-menu > li{width: 50%;}
|
||||
|
||||
@@ -35,7 +35,7 @@ $imageList['execution-executionkanban'] = 'kanban';
|
||||
$URSRItems = array();
|
||||
foreach($URSRList as $URSRKey => $URSRValue)
|
||||
{
|
||||
$contentHtml = "<div class=''><span class='label light-pale circle mr-4'>{$URSRKey}</span>{$URSRValue}</div>";
|
||||
$contentHtml = "<div class=''><span class='inline-block primary-pale circle mr-4 text-center h-5 w-5'><p class='leading-5'>{$URSRKey}</p></span>{$URSRValue}</div>";
|
||||
$URSRItems[] = array('value' => $URSRKey, 'text' => $URSRValue, 'content' => array('html' => $contentHtml, 'class' => 'flex w-full border p-4 preference-box'));
|
||||
}
|
||||
|
||||
@@ -62,7 +62,7 @@ formPanel
|
||||
set::label($lang->my->storyConcept),
|
||||
picker
|
||||
(
|
||||
set('menu', array('class' => 'menu picker-menu-list no-nested-items menu-nested flex flex-wrap content-between ursr-menu')),
|
||||
set('menu', array('class' => 'menu picker-menu-list no-nested-items menu-nested flex flex-wrap content-between ursr-menu preference-menu')),
|
||||
set::name('URSR'),
|
||||
set::required(true),
|
||||
set::items($URSRItems),
|
||||
@@ -74,6 +74,7 @@ formPanel
|
||||
set::label($lang->my->programLink),
|
||||
picker
|
||||
(
|
||||
set('menu', array('class' => 'preference-menu')),
|
||||
set::name('programLink'),
|
||||
set::required(true),
|
||||
set::items($programItems),
|
||||
@@ -85,6 +86,7 @@ formPanel
|
||||
set::label($lang->my->productLink),
|
||||
picker
|
||||
(
|
||||
set('menu', array('class' => 'preference-menu')),
|
||||
set::name('productLink'),
|
||||
set::required(true),
|
||||
set::items($productItems),
|
||||
@@ -96,6 +98,7 @@ formPanel
|
||||
set::label($lang->my->projectLink),
|
||||
picker
|
||||
(
|
||||
set('menu', array('class' => 'preference-menu')),
|
||||
set::name('projectLink'),
|
||||
set::required(true),
|
||||
set::items($projectItems),
|
||||
@@ -107,6 +110,7 @@ formPanel
|
||||
set::label($lang->my->executionLink),
|
||||
picker
|
||||
(
|
||||
set('menu', array('class' => 'preference-menu')),
|
||||
set::name('executionLink'),
|
||||
set::required(true),
|
||||
set::items($executionItems),
|
||||
|
||||
Reference in New Issue
Block a user