* Adjust nav css to common css.

This commit is contained in:
wangyuting
2023-06-28 13:52:21 +08:00
parent bfdc671dff
commit 182cae7fe0
11 changed files with 26 additions and 51 deletions
+11
View File
@@ -0,0 +1,11 @@
.nav-tabs.nav-stacked .nav-item {height:36px; line-height: 36px;}
.nav-tabs.nav-stacked .nav-item:hover {background-color: #FCFDFE;}
.nav-tabs.nav-stacked .nav-item > a.title {color: #5E626D;}
.nav-tabs.nav-stacked .nav-item > a.title:before {background: transparent;}
.nav-tabs.nav-stacked .nav-item > a.title.active {color: #0B0F18;border-left: 2px solid #2E7FFF; background-color: #FCFDFE;}
.nav-tabs.nav-stacked .nav-item > a.title:hover {border-left: 2px solid #2E7FFF; background-color: #FCFDFE;}
.nav-tabs.nav-stacked .nav-item:hover > a {color: #0B0F18;}
.nav-tabs.nav-stacked .nav-item:hover > a.link {display: flex!important;}
.nav-tabs.nav-stacked .nav-item:hover > span.link {display: flex!important;}
.nav-tabs.nav-stacked .nav-item.nav-prev {display: none}
.nav-tabs.nav-stacked .nav-item.nav-next {display: none}
@@ -8,17 +8,6 @@
.executionstatistic-block .chart {margin: auto;}
.executionstatistic-block .story-num {margin: auto;}
.executionstatistic-block.block-long .nav-tabs .nav-item {height:36px; line-height: 36px;}
.executionstatistic-block.block-long .nav-tabs .nav-item:hover {border-left: 2px solid #2E7FFF; background-color: #FCFDFE;}
.executionstatistic-block.block-long .nav-tabs .nav-item.active {border-left: 2px solid #2E7FFF; background-color: #FCFDFE;}
.executionstatistic-block.block-long .nav-tabs .nav-item > a {color: #5E626D;}
.executionstatistic-block.block-long .nav-tabs .nav-item > a:before {background: transparent;}
.executionstatistic-block.block-long .nav-tabs .nav-item.active > a {color: #0B0F18;}
.executionstatistic-block.block-long .nav-tabs .nav-item:hover > a {color: #0B0F18;}
.executionstatistic-block.block-long .nav-tabs .nav-item:hover > a.link {display: flex!important;}
.executionstatistic-block.block-long .nav-tabs .nav-item.nav-prev {display: none}
.executionstatistic-block.block-long .nav-tabs .nav-item.nav-next {display: none}
.executionstatistic-block.block-sm .nav-tabs .nav-item.active {display: flex!important;}
.executionstatistic-block.block-sm .nav-tabs .nav-item > a {width: 100%;}
.executionstatistic-block.block-sm .nav-tabs .nav-item {display: none}
-10
View File
@@ -3,16 +3,6 @@
.guide-block .tab-content {width: 100%;}
.guide-block .tab-pane {padding: 0;}
.guide-block .bg-secondary-pale {background: #F3F6FA;}
.guide-block .nav-tabs .nav-item {height:36px; line-height: 36px;}
.guide-block .nav-tabs .nav-item:hover {background-color: #FCFDFE;}
.guide-block .nav-tabs .nav-item > a {color: #5E626D;}
.guide-block .nav-tabs .nav-item > a:before {background: transparent;}
.guide-block .nav-tabs .nav-item > a.active {color: #0B0F18;border-left: 2px solid #2E7FFF; background-color: #FCFDFE;}
.guide-block .nav-tabs .nav-item > a:hover {border-left: 2px solid #2E7FFF; background-color: #FCFDFE;}
.guide-block .nav-tabs .nav-item:hover > a {color: #0B0F18;}
.guide-block .nav-tabs .nav-item:hover > span.link {display: flex!important;}
.guide-block .mode-switch img {height: 180px; margin: auto; object-fit: cover;}
.guide-block .vision-switch img {height: 180px; margin: auto; object-fit: cover;}
@@ -9,12 +9,12 @@
.productstatistic-block .story-num {margin: auto;}
.productstatistic-block.block-long .nav-tabs .nav-item {height:36px; line-height: 36px;}
.productstatistic-block.block-long .nav-tabs .nav-item:hover {border-left: 2px solid #2E7FFF; background-color: #FCFDFE;}
.productstatistic-block.block-long .nav-tabs .nav-item.active {border-left: 2px solid #2E7FFF; background-color: #FCFDFE;}
.productstatistic-block.block-long .nav-tabs .nav-item > a {color: #5E626D;}
.productstatistic-block.block-long .nav-tabs .nav-item > a:before {background: transparent;}
.productstatistic-block.block-long .nav-tabs .nav-item.active > a {color: #0B0F18;}
.productstatistic-block.block-long .nav-tabs .nav-item:hover > a {color: #0B0F18;}
.productstatistic-block.block-long .nav-tabs .nav-item:hover {background-color: #FCFDFE;}
.productstatistic-block.block-long .nav-tabs .nav-item > a.title {color: #5E626D;}
.productstatistic-block.block-long .nav-tabs .nav-item > a.title:before {background: transparent;}
.productstatistic-block.block-long .nav-tabs .nav-item > a.title.active {color: #0B0F18;border-left: 2px solid #2E7FFF; background-color: #FCFDFE;}
.productstatistic-block.block-long .nav-tabs .nav-item > a.title:hover {border-left: 2px solid #2E7FFF;}
.productstatistic-block.block-long .nav-tabs .nav-item:hover > a.title {color: #0B0F18;}
.productstatistic-block.block-long .nav-tabs .nav-item:hover > a.link {display: flex!important;}
.productstatistic-block.block-long .nav-tabs .nav-item.nav-prev {display: none}
.productstatistic-block.block-long .nav-tabs .nav-item.nav-next {display: none}
@@ -2,7 +2,3 @@
.projectstatistic-block .panel-body {padding: 0;}
.projectstatistic-block .tab-content {width: 100%;}
.projectstatistic-block .bg-secondary-pale {background: #F3F6FA;}
.projectstatistic-block .nav-tabs .nav-item:hover {border-left: 2px solid #2E7FFF; background-color: #FCFDFE;}
.projectstatistic-block .nav-tabs .nav-item.active {border-left: 2px solid #2E7FFF; background-color: #FCFDFE;}
.projectstatistic-block .nav-tabs .nav-item:hover > a.link {display: flex!important;}
.projectstatistic-block .nav-tabs .nav-item > a:before {background: transparent;}
-11
View File
@@ -8,17 +8,6 @@
.qastatistic-block .chart {margin: auto;}
.qastatistic-block .story-num {margin: auto;}
.qastatistic-block.block-long .nav-tabs .nav-item {height:36px; line-height: 36px;}
.qastatistic-block.block-long .nav-tabs .nav-item:hover {border-left: 2px solid #2E7FFF; background-color: #FCFDFE;}
.qastatistic-block.block-long .nav-tabs .nav-item.active {border-left: 2px solid #2E7FFF; background-color: #FCFDFE;}
.qastatistic-block.block-long .nav-tabs .nav-item > a {color: #5E626D;}
.qastatistic-block.block-long .nav-tabs .nav-item > a:before {background: transparent;}
.qastatistic-block.block-long .nav-tabs .nav-item.active > a {color: #0B0F18;}
.qastatistic-block.block-long .nav-tabs .nav-item:hover > a {color: #0B0F18;}
.qastatistic-block.block-long .nav-tabs .nav-item:hover > a.link {display: flex!important;}
.qastatistic-block.block-long .nav-tabs .nav-item.nav-prev {display: none}
.qastatistic-block.block-long .nav-tabs .nav-item.nav-next {display: none}
.qastatistic-block.block-sm .nav-tabs .nav-item.active {display: flex!important;}
.qastatistic-block.block-sm .nav-tabs .nav-item > a {width: 100%;}
.qastatistic-block.block-sm .nav-tabs .nav-item {display: none}
@@ -28,10 +28,10 @@ function getExecutionTabs($executions, $blockNavCode): array
{
$navTabs[] = li
(
set('class', 'nav-item' . ($execution->id == $selected ? ' active' : '')),
set('class', 'nav-item'),
a
(
set('class', 'ellipsis'),
set('class', 'ellipsis title ' . ($execution->id == $selected ? 'active' : '')),
set('data-toggle', 'tab'),
set('href', "#tab3{$blockNavCode}Content{$execution->id}"),
$execution->name
+1 -1
View File
@@ -38,7 +38,7 @@ function getGuideTabs(string $blockNavCode): array
set('class', 'nav-item w-full'),
a
(
set('class', 'ellipsis guide-tab text-dark' . ($tab == $selected ? ' active' : '')),
set('class', 'ellipsis guide-tab text-dark title ' . ($tab == $selected ? ' active' : '')),
set('data-tab', $tab),
set('data-toggle', 'tab'),
set('href', "#tab{$blockNavCode}Content{$tab}"),
@@ -34,10 +34,10 @@ function getProductTabs(array $products, string $blockNavCode, bool $longBlock):
{
$navTabs[] = li
(
set('class', 'nav-item nav-switch w-full' . ($product->id == $selected ? ' active' : '')),
set('class', 'nav-item nav-switch w-full'),
a
(
set('class', 'ellipsis text-dark'),
set('class', 'ellipsis text-dark title ' . ($product->id == $selected ? ' active' : '')),
$longBlock ? set('data-toggle', 'tab') : null,
set('href', $longBlock ? "#tab3{$blockNavCode}Content{$product->id}" : helper::createLink('product', 'browse', "productID=$product->id")),
$product->name
@@ -28,10 +28,10 @@ function getProjectTabs($projects, $blockNavCode): array
{
$navTabs[] = li
(
set('class', 'nav-item' . ($project->id == $selected ? ' active' : '')),
set('class', 'nav-item'),
a
(
set('class', 'ellipsis'),
set('class', 'ellipsis title ' . ($project->id == $selected ? ' active' : '')),
set('data-toggle', 'tab'),
set('href', "#tab3{$blockNavCode}Content{$project->id}"),
$project->name
+2 -2
View File
@@ -28,10 +28,10 @@ function getProductTabs($products, $blockNavCode): array
{
$navTabs[] = li
(
set('class', 'nav-item' . ($product->id == $selected ? ' active' : '')),
set('class', 'nav-item'),
a
(
set('class', 'ellipsis'),
set('class', 'ellipsis title ' . ($product->id == $selected ? 'active' : '')),
set('data-toggle', 'tab'),
set('href', "#tab3{$blockNavCode}Content{$product->id}"),
$product->name