]> git.apps.os.sepia.ceph.com Git - ceph.git/commitdiff
mgr/dashboard: fix overlapping icons in forms fix-55604-master
authorErnesto Puerta <epuertat@redhat.com>
Tue, 10 May 2022 17:14:10 +0000 (19:14 +0200)
committerErnesto Puerta <epuertat@redhat.com>
Tue, 10 May 2022 17:14:10 +0000 (19:14 +0200)
Fixes: https://tracker.ceph.com/issues/55604
Signed-off-by: Ernesto Puerta <epuertat@redhat.com>
25 files changed:
src/pybind/mgr/dashboard/frontend/src/app/ceph/block/iscsi-setting/iscsi-setting.component.html
src/pybind/mgr/dashboard/frontend/src/app/ceph/block/iscsi-target-image-settings-modal/iscsi-target-image-settings-modal.component.html
src/pybind/mgr/dashboard/frontend/src/app/ceph/block/mirroring/bootstrap-import-modal/bootstrap-import-modal.component.html
src/pybind/mgr/dashboard/frontend/src/app/ceph/block/mirroring/pool-edit-mode-modal/pool-edit-mode-modal.component.html
src/pybind/mgr/dashboard/frontend/src/app/ceph/block/rbd-form/rbd-form.component.html
src/pybind/mgr/dashboard/frontend/src/app/ceph/block/rbd-namespace-form/rbd-namespace-form-modal.component.html
src/pybind/mgr/dashboard/frontend/src/app/ceph/block/rbd-trash-purge-modal/rbd-trash-purge-modal.component.html
src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/configuration/configuration-form/configuration-form.component.html
src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/logs/logs.component.html
src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/mgr-modules/mgr-module-form/mgr-module-form.component.html
src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/osd/osd-recv-speed-modal/osd-recv-speed-modal.component.html
src/pybind/mgr/dashboard/frontend/src/app/ceph/cluster/services/service-form/service-form.component.html
src/pybind/mgr/dashboard/frontend/src/app/ceph/nfs/nfs-form-client/nfs-form-client.component.html
src/pybind/mgr/dashboard/frontend/src/app/ceph/nfs/nfs-form/nfs-form.component.html
src/pybind/mgr/dashboard/frontend/src/app/ceph/pool/crush-rule-form-modal/crush-rule-form-modal.component.html
src/pybind/mgr/dashboard/frontend/src/app/ceph/pool/erasure-code-profile-form/erasure-code-profile-form-modal.component.html
src/pybind/mgr/dashboard/frontend/src/app/ceph/pool/pool-form/pool-form.component.html
src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-bucket-form/rgw-bucket-form.component.html
src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-user-capability-modal/rgw-user-capability-modal.component.html
src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-user-form/rgw-user-form.component.html
src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-user-s3-key-modal/rgw-user-s3-key-modal.component.html
src/pybind/mgr/dashboard/frontend/src/app/ceph/rgw/rgw-user-subuser-modal/rgw-user-subuser-modal.component.html
src/pybind/mgr/dashboard/frontend/src/app/ceph/shared/feedback/feedback.component.html
src/pybind/mgr/dashboard/frontend/src/app/shared/components/form-modal/form-modal.component.html
src/pybind/mgr/dashboard/frontend/src/app/shared/components/refresh-selector/refresh-selector.component.html

index f3a1d5dc2f57cb0287b6d641a59fed8cf6220980..b1e60fbbefa3743d00ed1911ef09177047f3f8d5 100644 (file)
@@ -5,7 +5,7 @@
   <select id="{{ setting }}"
           name="{{ setting }}"
           *ngIf="limits['type'] === 'enum'"
-          class="form-control custom-select"
+          class="custom-select"
           [formControlName]="setting">
     <option [ngValue]="null"></option>
     <option *ngFor="let opt of limits['values']"
index 3c34a2b85f28d1d07e1c6e5235d94049319c9998..561de8ee63a94e19cfa317246c4fdc0142afc1d3 100644 (file)
@@ -58,7 +58,7 @@
                    i18n>Backstore</label>
             <select id="backstore"
                     name="backstore"
-                    class="form-control custom-select"
+                    class="custom-select"
                     formControlName="backstore">
               <option *ngFor="let bs of backstores"
                       [value]="bs">{{ bs | iscsiBackstore }}</option>
index 3770ef099a6b69d29ffb27be440a1aff67009f58..26c4380c8d2748380a9453e4ed3ca55ae6f17ac4 100644 (file)
@@ -40,7 +40,7 @@
           </label>
           <select id="direction"
                   name="direction"
-                  class="form-control custom-select"
+                  class="custom-select"
                   formControlName="direction">
             <option *ngFor="let direction of directions"
                     [value]="direction.key">{{ direction.desc }}</option>
index 2e88059ba0c64544b9d2186a2d709ee877d94239..cd6dd2af0893dca6ec218d868c7fd5319b76b627 100644 (file)
@@ -22,7 +22,7 @@
           </label>
           <select id="mirrorMode"
                   name="mirrorMode"
-                  class="form-control custom-select"
+                  class="custom-select"
                   formControlName="mirrorMode">
             <option *ngFor="let mirrorMode of mirrorModes"
                     [value]="mirrorMode.id">{{ mirrorMode.name }}</option>
index 75c004fabe9d306070b2645dcb048e82ad7a63b4..330c2552f139e8eda1c5288e7ae8031c8fb3f73d 100644 (file)
@@ -66,7 +66,7 @@
                    *ngIf="mode === 'editing' || !poolPermission.read">
             <select id="pool"
                     name="pool"
-                    class="form-control custom-select"
+                    class="custom-select"
                     formControlName="pool"
                     *ngIf="mode !== 'editing' && poolPermission.read">
               <option *ngIf="pools === null"
                    *ngIf="mode === 'editing' || !poolPermission.read">
             <select id="namespace"
                     name="namespace"
-                    class="form-control custom-select"
+                    class="custom-select"
                     formControlName="namespace"
                     *ngIf="mode !== 'editing' && poolPermission.read">
               <option *ngIf="pools === null"
                    *ngIf="mode === 'editing' || !poolPermission.read">
             <select id="dataPool"
                     name="dataPool"
-                    class="form-control custom-select"
+                    class="custom-select"
                     formControlName="dataPool"
                     (change)="onDataPoolChange($event.target.value)"
                     *ngIf="mode !== 'editing' && poolPermission.read">
               <div class="cd-col-form-input">
                 <select id="obj_size"
                         name="obj_size"
-                        class="form-control custom-select"
+                        class="custom-select"
                         formControlName="obj_size">
                   <option *ngFor="let objectSize of objectSizes"
                           [value]="objectSize">{{ objectSize }}</option>
               <div class="cd-col-form-input">
                 <select id="stripingUnit"
                         name="stripingUnit"
-                        class="form-control custom-select"
+                        class="custom-select"
                         formControlName="stripingUnit">
                   <option i18n
                           [ngValue]="null">-- Select stripe unit --</option>
index debbf8643a3c2ebbae73f10efe6e20ade84ef719..6d1f03d121fd8daf2fd9c4d9f983e3662389865d 100644 (file)
@@ -24,7 +24,7 @@
                    *ngIf="!poolPermission.read">
             <select id="pool"
                     name="pool"
-                    class="form-control custom-select"
+                    class="custom-select"
                     formControlName="pool"
                     *ngIf="poolPermission.read">
               <option *ngIf="pools === null"
index 6acbbb08622e5f27b51a2f629c3631739d85cadf..8ba46477f3c6bc8469c90750e535a665a8ebc1e8 100644 (file)
@@ -25,7 +25,7 @@
                  *ngIf="!poolPermission.read">
           <select id="poolName"
                   name="poolName"
-                  class="form-control custom-select"
+                  class="custom-select"
                   formControlName="poolName"
                   *ngIf="poolPermission.read">
             <option value=""
index 27225e5b0e04387b3da1c1e50dcc43d632671b2d..9fdb99f3ad6e0e1db81c9def60b3a925e1d7e437 100644 (file)
               <div class="cd-col-form-input">
                 <select id="pool"
                         name="pool"
-                        class="form-control custom-select"
+                        class="custom-select"
                         [formControlName]="section">
                   <option [ngValue]="null"
                           i18n>-- Default --</option>
index 64175f1a4772d4383362f149555ba567187d0b27..6db47e4a2ca1c98ce2198028320356ce3810bd18 100644 (file)
@@ -78,7 +78,7 @@
       <label for="logs-priority"
              i18n>Priority:</label>
       <select id="logs-priority"
-              class="form-control custom-select"
+              class="custom-select"
               [(ngModel)]="priority"
               (ngModelChange)="filterLogs()">
         <option *ngFor="let prio of priorities"
index 89cb7b4d7ee02fe9c3ceef35f8b60ac5bbe12775..465f45ce165e8818133f5bb4f301615e9b8c5e9d 100644 (file)
@@ -43,7 +43,7 @@
                    formControlName="{{ moduleOption.value.name }}"
                    *ngIf="moduleOption.value.enum_allowed.length === 0">
             <select id="{{ moduleOption.value.name }}"
-                    class="form-control custom-select"
+                    class="custom-select"
                     formControlName="{{ moduleOption.value.name }}"
                     *ngIf="moduleOption.value.enum_allowed.length > 0">
               <option *ngFor="let value of moduleOption.value.enum_allowed"
index 6544872726ea2c0f765fd627077507c80b41600a..25a98ad5c41f0b27c31f7f1bf26382459516debd 100755 (executable)
@@ -14,7 +14,7 @@
                  for="priority"
                  i18n>Priority</label>
           <div class="cd-col-form-input">
-            <select class="form-control custom-select"
+            <select class="custom-select"
                     formControlName="priority"
                     id="priority"
                     (change)="onPriorityChange($event.target.value)">
index 22b401ec86a61f85298f59628350474697e80ad2..df06fbc6c6afb0fd83c43ed8b6897889ed2aa754 100644 (file)
@@ -16,7 +16,7 @@
           <div class="cd-col-form-input">
             <select id="service_type"
                     name="service_type"
-                    class="form-control custom-select"
+                    class="custom-select"
                     formControlName="service_type">
               <option i18n
                       [ngValue]="null">-- Select a service type --</option>
@@ -41,7 +41,7 @@
             <div class="cd-col-form-input">
               <select id="backend_service"
                       name="backend_service"
-                      class="form-control custom-select"
+                      class="custom-select"
                       formControlName="backend_service"
                       (change)="prePopulateId()">
                 <option *ngIf="services === null"
                  i18n>Placement</label>
           <div class="cd-col-form-input">
             <select id="placement"
-                    class="form-control custom-select"
+                    class="custom-select"
                     formControlName="placement">
               <option i18n
                       value="hosts">Hosts</option>
             <div class="cd-col-form-input">
               <select id="pool"
                       name="pool"
-                      class="form-control custom-select"
+                      class="custom-select"
                       formControlName="pool">
                 <option *ngIf="pools === null"
                         [ngValue]="null"
             <div class="cd-col-form-input">
               <select id="snmp_version"
                       name="snmp_version"
-                      class="form-control custom-select"
+                      class="custom-select"
                       formControlName="snmp_version"
                       (change)="clearValidations()">
                 <option i18n
             <div class="cd-col-form-input">
               <select id="auth_protocol"
                       name="auth_protocol"
-                      class="form-control custom-select"
+                      class="custom-select"
                       formControlName="auth_protocol">
                 <option i18n
                         [ngValue]="null">-- Select auth protocol --</option>
             <div class="cd-col-form-input">
               <select id="privacy_protocol"
                       name="privacy_protocol"
-                      class="form-control custom-select"
+                      class="custom-select"
                       formControlName="privacy_protocol">
                 <option i18n
                         [ngValue]="null">-- Select privacy protocol --</option>
index 074bb8d79ce943f9f5427e8efa1677e098dfda6f..be24ac262b6884edee3eb6bcab8571b900600ec3 100644 (file)
@@ -55,7 +55,7 @@
                      class="cd-col-form-label"
                      for="access_type">Access Type</label>
               <div class="cd-col-form-input">
-                <select class="form-control custom-select"
+                <select class="custom-select"
                         name="access_type"
                         id="access_type"
                         formControlName="access_type">
@@ -78,7 +78,7 @@
                 <ng-container *ngTemplateOutlet="squashHelperTpl"></ng-container>
               </label>
               <div class="cd-col-form-input">
-                <select class="form-control custom-select"
+                <select class="custom-select"
                         name="squash"
                         id="squash"
                         formControlName="squash">
index 97a59ae32606577f5020a660591bc7629d0f1ab3..65232c7e8708dbde81a4815bfe19e8b24f19b494 100644 (file)
@@ -20,7 +20,7 @@
             </cd-helper>
           </label>
           <div class="cd-col-form-input">
-            <select class="form-control custom-select"
+            <select class="custom-select"
                     formControlName="cluster_id"
                     name="cluster_id"
                     id="cluster_id">
@@ -52,7 +52,7 @@
                    for="name"
                    i18n>Storage Backend</label>
             <div class="cd-col-form-input">
-              <select class="form-control custom-select"
+              <select class="custom-select"
                       formControlName="name"
                       name="name"
                       id="name"
@@ -86,7 +86,7 @@
                    for="fs_name"
                    i18n>Volume</label>
             <div class="cd-col-form-input">
-              <select class="form-control custom-select"
+              <select class="custom-select"
                       formControlName="fs_name"
                       name="fs_name"
                       id="fs_name"
                  for="access_type"
                  i18n>Access Type</label>
           <div class="cd-col-form-input">
-            <select class="form-control custom-select"
+            <select class="custom-select"
                     formControlName="access_type"
                     name="access_type"
                     id="access_type"
             <ng-container *ngTemplateOutlet="squashHelper"></ng-container>
           </label>
           <div class="cd-col-form-input">
-            <select class="form-control custom-select"
+            <select class="custom-select"
                     name="squash"
                     formControlName="squash"
                     id="squash">
index 3329742f413698bc61523a2b6373bdfd5cc68f94..bd0c6b04921892aa9aa74a15475864fd309cefb7 100644 (file)
@@ -43,7 +43,7 @@
             <span class="required"></span>
           </label>
           <div class="cd-col-form-input">
-            <select class="form-control custom-select"
+            <select class="custom-select"
                     id="root"
                     name="root"
                     formControlName="root">
@@ -71,7 +71,7 @@
             <span class="required"></span>
           </label>
           <div class="cd-col-form-input">
-            <select class="form-control custom-select"
+            <select class="custom-select"
                     id="failure_domain"
                     name="failure_domain"
                     formControlName="failure_domain">
@@ -98,7 +98,7 @@
             </cd-helper>
           </label>
           <div class="cd-col-form-input">
-            <select class="form-control custom-select"
+            <select class="custom-select"
                     id="device_class"
                     name="device_class"
                     formControlName="device_class">
index cb55e02a35b6231fb7630ddad9a6d840d53d8e9b..f919c51b77f2a1f0f92bfbe3fd56231f6ecc0357 100644 (file)
@@ -40,7 +40,7 @@
             </cd-helper>
           </label>
           <div class="cd-col-form-input">
-            <select class="form-control custom-select"
+            <select class="custom-select"
                     id="plugin"
                     name="plugin"
                     formControlName="plugin">
             </cd-helper>
           </label>
           <div class="cd-col-form-input">
-            <select class="form-control custom-select"
+            <select class="custom-select"
                     id="crushFailureDomain"
                     name="crushFailureDomain"
                     formControlName="crushFailureDomain">
             </cd-helper>
           </label>
           <div class="cd-col-form-input">
-            <select class="form-control custom-select"
+            <select class="custom-select"
                     id="crushLocality"
                     name="crushLocality"
                     formControlName="crushLocality">
             </cd-helper>
           </label>
           <div class="cd-col-form-input">
-            <select class="form-control custom-select"
+            <select class="custom-select"
                     id="scalar_mds"
                     name="scalar_mds"
                     formControlName="scalar_mds">
             </cd-helper>
           </label>
           <div class="cd-col-form-input">
-            <select class="form-control custom-select"
+            <select class="custom-select"
                     id="technique"
                     name="technique"
                     formControlName="technique">
             </cd-helper>
           </label>
           <div class="cd-col-form-input">
-            <select class="form-control custom-select"
+            <select class="custom-select"
                     id="crushRoot"
                     name="crushRoot"
                     formControlName="crushRoot">
             </cd-helper>
           </label>
           <div class="cd-col-form-input">
-            <select class="form-control custom-select"
+            <select class="custom-select"
                     id="crushDeviceClass"
                     name="crushDeviceClass"
                     formControlName="crushDeviceClass">
index 5b8b1459ea69e176d438e53c4cdab6c984866d50..b95672c5fecccb003f3f959a333c8de1c2c08d3b 100644 (file)
@@ -45,7 +45,7 @@
                  for="poolType"
                  i18n>Pool type</label>
           <div class="cd-col-form-input">
-            <select class="form-control custom-select"
+            <select class="custom-select"
                     id="poolType"
                     formControlName="poolType"
                     name="poolType">
@@ -69,7 +69,7 @@
                    class="cd-col-form-label"
                    for="pgAutoscaleMode">PG Autoscale</label>
             <div class="cd-col-form-input">
-              <select class="form-control custom-select"
+              <select class="custom-select"
                       id="pgAutoscaleMode"
                       name="pgAutoscaleMode"
                       formControlName="pgAutoscaleMode">
                    for="erasureProfile">Erasure code profile</label>
             <div class="cd-col-form-input">
               <div class="input-group">
-                <select class="form-control custom-select"
+                <select class="custom-select"
                         id="erasureProfile"
                         name="erasureProfile"
                         formControlName="erasureProfile">
               </ng-template>
               <div *ngIf="current.rules.length > 0; else noRules">
                 <div class="input-group">
-                  <select class="form-control custom-select"
+                  <select class="custom-select"
                           id="crushRule"
                           formControlName="crushRule"
                           name="crushSet">
                    class="cd-col-form-label"
                    for="mode">Mode</label>
             <div class="cd-col-form-input">
-              <select class="form-control custom-select"
+              <select class="custom-select"
                       id="mode"
                       name="mode"
                       formControlName="mode">
                      class="cd-col-form-label"
                      for="algorithm">Algorithm</label>
               <div class="cd-col-form-input">
-                <select class="form-control custom-select"
+                <select class="custom-select"
                         id="algorithm"
                         name="algorithm"
                         formControlName="algorithm">
index 4cdb9935ddac1bfbda7598c727a42d6eeb14b495..b67a11a828a37e6561466952cb4bb608577f6191 100644 (file)
@@ -76,7 +76,7 @@
           <div class="cd-col-form-input">
             <select id="owner"
                     name="owner"
-                    class="form-control custom-select"
+                    class="custom-select"
                     formControlName="owner"
                     [autofocus]="editing">
               <option i18n
               <select id="placement-target"
                       name="placement-target"
                       formControlName="placement-target"
-                      class="form-control custom-select">
+                      class="custom-select">
                 <option i18n
                         *ngIf="placementTargets === null"
                         [ngValue]="null">Loading...</option>
                    for="lock_mode"
                    i18n>Mode</label>
             <div class="cd-col-form-input">
-              <select class="form-control custom-select"
+              <select class="custom-select"
                       formControlName="lock_mode"
                       name="lock_mode"
                       id="lock_mode">
index 288297c25b3346d30b4c79da6550efd4540a27a7..3f116acf6d7ca6f4f0e8a418ce98a4f13bfda46f 100644 (file)
@@ -21,7 +21,7 @@
                    [readonly]="true"
                    formControlName="type">
             <select id="type"
-                    class="form-control custom-select"
+                    class="custom-select"
                     formControlName="type"
                     *ngIf="!editing"
                     autofocus>
@@ -44,7 +44,7 @@
                  i18n>Permission</label>
           <div class="cd-col-form-input">
             <select id="perm"
-                    class="form-control custom-select"
+                    class="custom-select"
                     formControlName="perm">
               <option i18n
                       [ngValue]="null">-- Select a permission --</option>
index 8d9a557811c055de2fa9a20c6c1e0ef2e0f1531c..a9a6919456d1ae5c833d2b45465cf6c59affdb1a 100644 (file)
                  for="max_buckets_mode"
                  i18n>Max. buckets</label>
           <div class="cd-col-form-input">
-            <select class="form-control custom-select"
+            <select class="custom-select"
                     formControlName="max_buckets_mode"
                     name="max_buckets_mode"
                     id="max_buckets_mode"
index e51bc813f08df0b2270273a0c46cf532c3182382..5b44b9603736bc3274f4481fdb5ce711686b75a6 100644 (file)
@@ -22,7 +22,7 @@
                    [readonly]="true"
                    formControlName="user">
             <select id="user"
-                    class="form-control custom-select"
+                    class="custom-select"
                     formControlName="user"
                     *ngIf="!viewing"
                     autofocus>
index 716342c9e6c9ad0736a11eb46133e62590cee209..a94516a3203917faf69a9402ceec477b266a7129 100644 (file)
@@ -50,7 +50,7 @@
                  i18n>Permission</label>
           <div class="cd-col-form-input">
             <select id="perm"
-                    class="form-control custom-select"
+                    class="custom-select"
                     formControlName="perm">
               <option i18n
                       [ngValue]="null">-- Select a permission --</option>
index 57050d005205c36205e19e7efdbfb95f930a8f32..077c8ed98ad6529016623b517709598ae321462e 100644 (file)
@@ -38,7 +38,7 @@
                  for="project"
                  i18n>Project name</label>
           <div class="cd-col-form-input">
-            <select class="form-control custom-select"
+            <select class="custom-select"
                     id="project"
                     formControlName="project">
               <option ngValue=""
@@ -58,7 +58,7 @@
                  for="tracker"
                  i18n>Tracker</label>
           <div class="cd-col-form-input">
-            <select class="form-control custom-select"
+            <select class="custom-select"
                     id="tracker"
                     formControlName="tracker">
               <option ngValue=""
index 061747f113010803c26a4d87d73ce8aa43baa491..ff29dc4efcbbe8a7697ae74b4f75d237909eba09 100755 (executable)
@@ -32,7 +32,7 @@
                      [formControlName]="field.name"
                      cdDimlessBinary>
               <select *ngIf="field.type === 'select'"
-                      class="form-control custom-select"
+                      class="custom-select"
                       [id]="field.name"
                       [formControlName]="field.name">
                 <option *ngIf="field?.typeConfig?.placeholder"
index c4a5c38d672a0b09f91ba8d4358b718401deee6c..46f58660ffd3ff07bc77980ec2a6699d3862eda0 100644 (file)
@@ -7,7 +7,7 @@
                i18n>Refresh</label>
         <select id="refreshInterval"
                 name="refreshInterval"
-                class="form-control custom-select"
+                class="custom-select"
                 (change)="changeRefreshInterval($event.target.value)"
                 [(ngModel)]="selectedInterval">
           <option *ngFor="let key of intervalKeys"