Set global style for page titles
update the style for page titles
Change-Id: Ib2f1fd256ceac73193bf72dcde26971347ab0bc3
Issue-Id: RICPLT-1497
Signed-off-by: Jun (Nicolas) Hu <jh245g@att.com>
18 files changed:
RIC Dashboard Release Notes
===========================
RIC Dashboard Release Notes
===========================
-Version 1.2.4, 18 Oct 2019
+Version 1.2.4, 21 Oct 2019
--------------------------
* Revise a1-med-client to use API spec in new submodule ric-plt/a1;
removed cached copy
--------------------------
* Revise a1-med-client to use API spec in new submodule ric-plt/a1;
removed cached copy
* Add Platform page showing Kubernetes pods in aux and platform obtained from CAAS-Ingress
* Update Angular libraries to recent stable versions
* Revise user controller to answer data sent by portal, drop the mock implementation
* Add Platform page showing Kubernetes pods in aux and platform obtained from CAAS-Ingress
* Update Angular libraries to recent stable versions
* Revise user controller to answer data sent by portal, drop the mock implementation
+* Set global style for page titles
+* Align page titles to top left,decrease font size
Version 1.2.3, 4 Oct 2019
-------------------------
Version 1.2.3, 4 Oct 2019
-------------------------
========================LICENSE_END===================================
-->
<div class="ac__section">
========================LICENSE_END===================================
-->
<div class="ac__section">
- <h3 class="ac__header">AC xApp Policy</h3>
+ <h3 class="rd-global-page-title">AC xApp Policy</h3>
<form [formGroup]="acForm" novalidate autocomplete="off" (ngSubmit)="updateAc(acForm.value)">
<div name="enforce">
<form [formGroup]="acForm" novalidate autocomplete="off" (ngSubmit)="updateAc(acForm.value)">
<div name="enforce">
-.ac__header {
- text-align: center;
- color: #432c85;
- font-size: 50px;
- font-weight: 200;
- letter-spacing: .1em;
- transform: translate(149 56);
-}
-
/* used to place form fields on separate lines/rows */
.input-display-block {
display: block;
/* used to place form fields on separate lines/rows */
.input-display-block {
display: block;
========================LICENSE_END===================================
-->
<div class="anr__section">
========================LICENSE_END===================================
-->
<div class="anr__section">
- <h3 class="anr__header">ANR xApp Neighbor Cell Relation Table</h3>
+ <h3 class="rd-global-page-title">ANR xApp Neighbor Cell Relation Table</h3>
<mat-form-field class="input-width">
<mat-label>GgNodeB</mat-label>
<mat-form-field class="input-width">
<mat-label>GgNodeB</mat-label>
-.anr__header {
- text-align: center;
- color: #432c85;
- font-size: 50px;
- font-weight: 200;
- letter-spacing: .1em;
- transform: translate(149 56);
-}
-
.spinner-container {
height: 100px;
width: 100px;
.spinner-container {
height: 100px;
width: 100px;
-->
<div class="app-control__section">
-->
<div class="app-control__section">
- <h3 class="app-control__header">xApp Control</h3>
+ <h3 class="rd-global-page-title">xApp Control</h3>
<table mat-table [dataSource]="dataSource" matSort multiTemplateDataRows class="app-control-table mat-elevation-z8">
<table mat-table [dataSource]="dataSource" matSort multiTemplateDataRows class="app-control-table mat-elevation-z8">
.app-control__section {
}
.app-control__section {
}
-.app-control__header {
- text-align: center;
- color: #432c85;
- font-size: 50px;
- font-weight: 200;
- letter-spacing: .1em;
- transform: translate(149 56);
-}
.spinner-container {
height: 100px;
.spinner-container {
height: 100px;
-->
<div class="caas-ingress__section">
-->
<div class="caas-ingress__section">
- <h3 class="caas-ingress__header">{{cluster}} Cluster Pods View</h3>
+ <h3 class="rd-global-page-title">{{cluster}} Cluster Pods View</h3>
<table mat-table [dataSource]="dataSource" matSort class="caas-ingress-table mat-elevation-z8">
<table mat-table [dataSource]="dataSource" matSort class="caas-ingress-table mat-elevation-z8">
.caas-ingress__section {
}
.caas-ingress__section {
}
-.caas-ingress__header {
- text-align: center;
- color: #432c85;
- font-size: 50px;
- font-weight: 200;
- letter-spacing: .1em;
- transform: translate(149 56);
-}
-
.spinner-container {
height: 100px;
width: 100px;
.spinner-container {
height: 100px;
width: 100px;
========================LICENSE_END===================================
-->
<div class="catalog__section">
========================LICENSE_END===================================
-->
<div class="catalog__section">
- <h3 class="catalog__header">xApp Catalog</h3>
+ <h3 class="rd-global-page-title">xApp Catalog</h3>
<table mat-table [dataSource]="dataSource" matSort class="catalog-table mat-elevation-z8">
<table mat-table [dataSource]="dataSource" matSort class="catalog-table mat-elevation-z8">
-.catalog__header {
- text-align: center;
- color: #432c85;
- font-size: 50px;
- font-weight: 200;
- letter-spacing: .1em;
- transform: translate(149 56);
-}
-
.spinner-container {
height: 100px;
width: 100px;
.spinner-container {
height: 100px;
width: 100px;
-->
<div class="ran-control__section">
-->
<div class="ran-control__section">
- <h3 class="ran-control__header">RAN Connections</h3>
+ <h3 class="rd-global-page-title">RAN Connections</h3>
<button mat-raised-button (click)="setupRANConnection()">Setup Connection..</button>
<button mat-raised-button color="warn" class="disconnect-all-button"
<button mat-raised-button (click)="setupRANConnection()">Setup Connection..</button>
<button mat-raised-button color="warn" class="disconnect-all-button"
.ran-control__section {
}
.ran-control__section {
}
-.ran-control__header {
- text-align: center;
- color: #432c85;
- font-size: 50px;
- font-weight: 200;
- letter-spacing: .1em;
- transform: translate(149 56);
-}
-
.disconnect-all-button {
float: right;
}
.disconnect-all-button {
float: right;
}
-->
<div class="stats__section">
-->
<div class="stats__section">
- <h3 class="stats__header">Platform stats</h3>
+ <h3 class="rd-global-page-title">Platform stats</h3>
<mat-card class="bar-chart-card">
<mat-card-header>
<mat-card class="bar-chart-card">
<mat-card-header>
-.stats__header {
- text-align: center;
- color: #432c85;
- font-size: 40px;
- font-weight: 200;
- letter-spacing: .1em;
- transform: translate(149 56);
-}
-
.bar-chart-card {
height: 100%;
width: 100%;
.bar-chart-card {
height: 100%;
width: 100%;
========================LICENSE_END===================================
-->
<div class="user__section">
========================LICENSE_END===================================
-->
<div class="user__section">
- <h3 class="user__header">Users</h3>
+ <h3 class="rd-global-page-title">Users</h3>
<button mat-raised-button (click)="addUser()">Add User</button>
<div class="spinner-container" *ngIf="dataSource.loading$ | async">
<mat-spinner></mat-spinner>
<button mat-raised-button (click)="addUser()">Add User</button>
<div class="spinner-container" *ngIf="dataSource.loading$ | async">
<mat-spinner></mat-spinner>
-.user__header {
- text-align: center;
- color: #432c85;
- font-size: 50px;
- font-weight: 200;
- letter-spacing: .1em;
- transform: translate(149 56);
-}
-
.spinner-container {
height: 360px;
width: 390px;
.spinner-container {
height: 360px;
width: 390px;
text-align: center;
font-size: 20px;
}
text-align: center;
font-size: 20px;
}
+
+.rd-global-page-title {
+ margin-left: 0.5%;
+ color: #432c85;
+ font-size: 25px;
+ font-weight: 100;
+}
\ No newline at end of file