scoped the agent action bar class style

This commit is contained in:
abist
2018-11-15 16:11:20 -08:00
parent 8e049f4af5
commit 198f243181
8 changed files with 12 additions and 12 deletions

View File

@@ -304,15 +304,15 @@ table.jobprevruns > tbody {
background-image: url('refresh_inverse.svg');
}
.actionbar-container .monaco-action-bar > ul.actions-container {
.agent-actionbar-container .monaco-action-bar > ul.actions-container {
padding-top: 10px;
}
jobsview-component .actionbar-container {
jobsview-component .agent-actionbar-container {
height: 40px;
}
.actionbar-container .monaco-action-bar > ul.actions-container > li.action-item {
.agent-actionbar-container .monaco-action-bar > ul.actions-container > li.action-item {
padding-left: 20px;
}

View File

@@ -10,6 +10,6 @@
<div class="icon in-progress" *ngIf="_showProgressWheel === true"></div>
</div>
<div #actionbarContainer class="actionbar-container"></div>
<div #actionbarContainer class="agent-actionbar-container"></div>
<div #jobalertsgrid class="jobalertsview-grid"></div>

View File

@@ -15,7 +15,7 @@
</div>
<!-- Actions -->
<div #actionbarContainer class="actionbar-container"></div>
<div #actionbarContainer class="agent-actionbar-container"></div>
<!-- Overview -->
<div class="overview-container">

View File

@@ -257,14 +257,14 @@ jobhistory-component > .jobhistory-heading-container > .icon.in-progress {
padding-left: 20px;
}
jobhistory-component > .actionbar-container .monaco-action-bar > ul.actions-container {
jobhistory-component > .agent-actionbar-container .monaco-action-bar > ul.actions-container {
border-top: 3px solid #f4f4f4;
}
.vs-dark jobhistory-component > .actionbar-container .monaco-action-bar > ul.actions-container {
.vs-dark jobhistory-component > .agent-actionbar-container .monaco-action-bar > ul.actions-container {
border-top: 3px solid #444444;
}
.hc-black jobhistory-component > .actionbar-container .monaco-action-bar > ul.actions-container {
.hc-black jobhistory-component > .agent-actionbar-container .monaco-action-bar > ul.actions-container {
border-top: 3px solid #2b56f2;
}

View File

@@ -10,6 +10,6 @@
<div class="icon in-progress" *ngIf="_showProgressWheel === true"></div>
</div>
<div #actionbarContainer class="actionbar-container"></div>
<div #actionbarContainer class="agent-actionbar-container"></div>
<div #jobsgrid class="jobview-grid"></div>

View File

@@ -134,7 +134,7 @@ export class JobsViewComponent extends JobManagementView implements OnInit, OnDe
}
public layout() {
let jobsViewToolbar = $('jobsview-component .actionbar-container').get(0);
let jobsViewToolbar = $('jobsview-component .agent-actionbar-container').get(0);
let statusBar = $('.part.statusbar').get(0);
if (jobsViewToolbar && statusBar) {
let toolbarBottom = jobsViewToolbar.getBoundingClientRect().bottom;

View File

@@ -10,6 +10,6 @@
<div class="icon in-progress" *ngIf="_showProgressWheel === true"></div>
</div>
<div #actionbarContainer class="actionbar-container"></div>
<div #actionbarContainer class="agent-actionbar-container"></div>
<div #operatorsgrid class="joboperatorsview-grid"></div>

View File

@@ -10,6 +10,6 @@
<div class="icon in-progress" *ngIf="_showProgressWheel === true"></div>
</div>
<div #actionbarContainer class="actionbar-container"></div>
<div #actionbarContainer class="agent-actionbar-container"></div>
<div #proxiesgrid class="jobproxiesview-grid"></div>