mgr/dashboard: Fix label font-weight

Some labels were not bold, because the css rule didn't apply to them.
I have improved the css rule and also add missing classes in some labels.

Signed-off-by: Tiago Melo <tmelo@suse.com>

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/rbd-trash-move-modal/rbd-trash-move-modal.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/rbd-trash-move-modal/rbd-trash-move-modal.component.html
index f772e42e2480ea4dae2d679ec4a4426fed2f8f51..e6633bcae193ba01e82b8b6384d2636c12d8117d 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/rbd-trash-move-modal/rbd-trash-move-modal.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/rbd-trash-move-modal/rbd-trash-move-modal.component.html
@@ -13,7 +13,8 @@
           click <kbd>Move Image</kbd>. Optionally, you can pick an expiration date.</p>
 
         <div class="form-group">
-          <label for="expires"
+          <label class="col-form-label"
+                 for="expires"
                  i18n>Protection expires at</label>
           <input type="text"
                  placeholder="NOT PROTECTED"

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/rbd-trash-purge-modal/rbd-trash-purge-modal.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/rbd-trash-purge-modal/rbd-trash-purge-modal.component.html
index 8c93fab2e6051289f8d4d47f83982824521bfffd..c95556dbac17c209cef675c2f226fd09af9d8270 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/rbd-trash-purge-modal/rbd-trash-purge-modal.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/rbd-trash-purge-modal/rbd-trash-purge-modal.component.html
@@ -15,7 +15,7 @@
         </p>
 
         <div class="form-group">
-          <label class="mx-auto"
+          <label class="col-form-label mx-auto"
                  i18n>Pool:</label>
           <input class="form-control"
                  type="text"

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/rbd-trash-restore-modal/rbd-trash-restore-modal.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/rbd-trash-restore-modal/rbd-trash-restore-modal.component.html
index 718c0882062e97042ec1aa223e666709c528b1bd..6ed23bc4190becc259b683226b0cbb8d96f32ca8 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/rbd-trash-restore-modal/rbd-trash-restore-modal.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/block/rbd-trash-restore-modal/rbd-trash-restore-modal.component.html
@@ -17,7 +17,8 @@
         </p>
 
         <div class="form-group">
-          <label for="name"
+          <label class="col-form-label"
+                 for="name"
                  i18n>New Name</label>
           <input type="text"
                  class="form-control"

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/configuration/configuration.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/configuration/configuration.component.html
index b5bfe83edcda06842b473376854a4c82809d7b52..d01ebcdefe9569c397dbd6e217ddab53059c70ab 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/configuration/configuration.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/configuration/configuration.component.html
@@ -11,7 +11,7 @@
   <div class="table-filters form-inline">
     <div class="form-group filter"
          *ngFor="let filter of filters">
-      <label>{{ filter.label }}: </label>
+      <label class="col-form-label">{{ filter.label }}: </label>
       <select class="form-control custom-select"
               [(ngModel)]="filter.value"
               (ngModelChange)="updateFilter()">

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/logs/logs.component.html b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/logs/logs.component.html
index e9385129d6da9485cc3c1d086f27ac271dcb3999..00be424f3783415905375e0e5a1c470f2df2400e 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/logs/logs.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/logs/logs.component.html
@@ -41,7 +41,8 @@
 <ng-template #logFiltersTpl>
   <div class="form-inline">
     <div class="form-group">
-      <label i18n>Priority:</label>
+      <label class="col-form-label"
+             i18n>Priority:</label>
       <select class="form-control custom-select"
               [(ngModel)]="priority"
               (ngModelChange)="filterLogs()">
@@ -51,7 +52,8 @@
     </div>
 
     <div class="form-group">
-      <label i18n>Keyword:</label>
+      <label class="col-form-label"
+             i18n>Keyword:</label>
       <div class="input-group">
         <div class="input-group-prepend">
           <span class="input-group-text">
@@ -75,7 +77,8 @@
     </div>
 
     <div class="form-group">
-      <label i18n>Date:</label>
+      <label class="col-form-label"
+             i18n>Date:</label>
       <div class="input-group">
         <input type="text"
                class="form-control"
@@ -96,7 +99,8 @@
     </div>
 
     <div class="form-group">
-      <label i18n>Time range:</label>
+      <label class="col-form-label"
+             i18n>Time range:</label>
       <div class="d-inline-flex">
         <timepicker [showMeridian]="false"
                     [showSpinners]="false"

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/config-option/config-option.component.html b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/config-option/config-option.component.html
index 8f7d28bc28ea7314707df843b88bc77f4ba44112..0d18853601e5f1ab6ec89bee45f3c30fa094a33c 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/config-option/config-option.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/config-option/config-option.component.html
@@ -2,7 +2,7 @@
   <div *ngFor="let option of options; let last = last">
     <div class="form-group row pt-2"
          *ngIf="option.type === 'bool'">
-      <label class="control-label col-6"
+      <label class="col-form-label col-6"
              [for]="option.name">
         <b>{{ option.text }}</b>
         <br>
@@ -27,7 +27,7 @@
 
     <div class="form-group row pt-2"
          *ngIf="option.type !== 'bool'">
-      <label class="col-6 control-label"
+      <label class="col-6 col-form-label"
              [for]="option.name">{{ option.text }}
         <br>
         <span class="text-muted">

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/config-option/config-option.component.scss b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/config-option/config-option.component.scss
index 89629245e1daa0fbd60304fb808f33c5154868ea..e35c2e37bed9171bca912bebcc71a52ca87ec701 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/config-option/config-option.component.scss
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/config-option/config-option.component.scss
@@ -4,3 +4,7 @@
     cursor: pointer;
   }
 }
+
+.col-form-label {
+  text-align: left;
+}

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/grafana/grafana.component.html b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/grafana/grafana.component.html
index c774a4a32e72f57d0ce48177dd90149163284d9c..777707327a5f7f4dbc0a9eb8df56e67e5d2a9833 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/grafana/grafana.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/grafana/grafana.component.html
@@ -19,7 +19,7 @@
     <div class="col-12">
       <div class="form-inline timepicker">
         <label for="timepicker"
-               class="ml-1 my-1"
+               class="ml-1 my-1 col-form-label"
                i18n>Grafana Time Picker</label>
 
         <select id="timepicker"

diff --git a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/refresh-selector/refresh-selector.component.html b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/refresh-selector/refresh-selector.component.html
index 5d2a627073befba372cd79e3d3cbdaf90da80b14..ce979b0569d7597605681eda29962f6506ba7487 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/app/shared/components/refresh-selector/refresh-selector.component.html
+++ b/src/pybind/mgr/dashboard/frontend/src/app/shared/components/refresh-selector/refresh-selector.component.html
@@ -2,7 +2,7 @@
   <div class="col-12">
     <div class="float-right d-inline-flex">
       <label for="refreshInterval"
-             class="m-2"
+             class="col-form-label my-2"
              i18n>Refresh</label>
       <select id="refreshInterval"
               name="refreshInterval"

diff --git a/src/pybind/mgr/dashboard/frontend/src/styles.scss b/src/pybind/mgr/dashboard/frontend/src/styles.scss
index 4554edfc3a031bee1892768119bc71b5f3c605b6..41133267e6c6e682b34453dcf83f5951f01a29d9 100644 (file)
--- a/src/pybind/mgr/dashboard/frontend/src/styles.scss
+++ b/src/pybind/mgr/dashboard/frontend/src/styles.scss
@@ -375,7 +375,7 @@ legend {
   }
 }
 
-.form-group > label {
+.col-form-label {
   font-weight: 700;
 }