]> git.apps.os.sepia.ceph.com Git - ceph.git/commitdiff
mgr/dashboard: form field validation icons overlap with other icons 46379/head
authorSarthak0702 <sarthak.dev.0702@gmail.com>
Wed, 11 May 2022 18:57:47 +0000 (00:27 +0530)
committerSarthak0702 <sarthak.dev.0702@gmail.com>
Tue, 24 May 2022 11:46:48 +0000 (17:16 +0530)
Signed-off-by: Sarthak0702 <sarthak.dev.0702@gmail.com>
(cherry picked from commit 0bd2d023026af737b1894f74a545f039a6ec2428)

24 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/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..b19941ae0d58ec520152cf97590292dff058a6f5 100644 (file)
@@ -5,7 +5,7 @@
   <select id="{{ setting }}"
           name="{{ setting }}"
           *ngIf="limits['type'] === 'enum'"
-          class="form-control custom-select"
+          class="form-control"
           [formControlName]="setting">
     <option [ngValue]="null"></option>
     <option *ngFor="let opt of limits['values']"
index 3c34a2b85f28d1d07e1c6e5235d94049319c9998..2452b0bc5721cda153ff4dc43d2a3bfc4c4e4623 100644 (file)
@@ -58,7 +58,7 @@
                    i18n>Backstore</label>
             <select id="backstore"
                     name="backstore"
-                    class="form-control custom-select"
+                    class="form-control"
                     formControlName="backstore">
               <option *ngFor="let bs of backstores"
                       [value]="bs">{{ bs | iscsiBackstore }}</option>
index 3770ef099a6b69d29ffb27be440a1aff67009f58..23372d3837c837eeb3454d452576d4316851354d 100644 (file)
@@ -40,7 +40,7 @@
           </label>
           <select id="direction"
                   name="direction"
-                  class="form-control custom-select"
+                  class="form-control"
                   formControlName="direction">
             <option *ngFor="let direction of directions"
                     [value]="direction.key">{{ direction.desc }}</option>
index 2e88059ba0c64544b9d2186a2d709ee877d94239..03b49a8030d658f578ffa2a1099af886e2450cda 100644 (file)
@@ -22,7 +22,7 @@
           </label>
           <select id="mirrorMode"
                   name="mirrorMode"
-                  class="form-control custom-select"
+                  class="form-control"
                   formControlName="mirrorMode">
             <option *ngFor="let mirrorMode of mirrorModes"
                     [value]="mirrorMode.id">{{ mirrorMode.name }}</option>
index 75c004fabe9d306070b2645dcb048e82ad7a63b4..668556fa0e24dfff1c3a91fd9175956794ecdce6 100644 (file)
@@ -66,7 +66,7 @@
                    *ngIf="mode === 'editing' || !poolPermission.read">
             <select id="pool"
                     name="pool"
-                    class="form-control custom-select"
+                    class="form-control"
                     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="form-control"
                     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="form-control"
                     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="form-control"
                         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="form-control"
                         formControlName="stripingUnit">
                   <option i18n
                           [ngValue]="null">-- Select stripe unit --</option>
index debbf8643a3c2ebbae73f10efe6e20ade84ef719..9d76cba095fe1ab068fdee146b44693053649443 100644 (file)
@@ -24,7 +24,7 @@
                    *ngIf="!poolPermission.read">
             <select id="pool"
                     name="pool"
-                    class="form-control custom-select"
+                    class="form-control"
                     formControlName="pool"
                     *ngIf="poolPermission.read">
               <option *ngIf="pools === null"
index 6acbbb08622e5f27b51a2f629c3631739d85cadf..7c761f8f48e0f2cbbafdaf0d708ece96cb0ecb9e 100644 (file)
@@ -25,7 +25,7 @@
                  *ngIf="!poolPermission.read">
           <select id="poolName"
                   name="poolName"
-                  class="form-control custom-select"
+                  class="form-control"
                   formControlName="poolName"
                   *ngIf="poolPermission.read">
             <option value=""
index 27225e5b0e04387b3da1c1e50dcc43d632671b2d..72c71794257f008100d7b8399d8979ce7f239432 100644 (file)
               <div class="cd-col-form-input">
                 <select id="pool"
                         name="pool"
-                        class="form-control custom-select"
+                        class="form-control"
                         [formControlName]="section">
                   <option [ngValue]="null"
                           i18n>-- Default --</option>
index 64175f1a4772d4383362f149555ba567187d0b27..dd55a678fb19614aaa5fae3d75eace193ce3d774 100644 (file)
@@ -78,7 +78,7 @@
       <label for="logs-priority"
              i18n>Priority:</label>
       <select id="logs-priority"
-              class="form-control custom-select"
+              class="form-control"
               [(ngModel)]="priority"
               (ngModelChange)="filterLogs()">
         <option *ngFor="let prio of priorities"
index 89cb7b4d7ee02fe9c3ceef35f8b60ac5bbe12775..b952ce8d8a7c3bf31dad04639fa36596dc977dd5 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="form-control"
                     formControlName="{{ moduleOption.value.name }}"
                     *ngIf="moduleOption.value.enum_allowed.length > 0">
               <option *ngFor="let value of moduleOption.value.enum_allowed"
index 6544872726ea2c0f765fd627077507c80b41600a..eb54c82f50d3d16ae97a6fcb7c7ae9ff50c3abbe 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="form-control"
                     formControlName="priority"
                     id="priority"
                     (change)="onPriorityChange($event.target.value)">
index 22b401ec86a61f85298f59628350474697e80ad2..e8409476d971edd7062dd4ad27dae742bd150d6e 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="form-control"
                     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="form-control"
                       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="form-control"
                     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="form-control"
                       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="form-control"
                       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="form-control"
                       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="form-control"
                       formControlName="privacy_protocol">
                 <option i18n
                         [ngValue]="null">-- Select privacy protocol --</option>
index 074bb8d79ce943f9f5427e8efa1677e098dfda6f..117ad371d4eedb3cf9875515ce654140804e0e5a 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="form-control"
                         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="form-control"
                         name="squash"
                         id="squash"
                         formControlName="squash">
index 97a59ae32606577f5020a660591bc7629d0f1ab3..70a2ae370d7133e5ca34228068627ea969d6325e 100644 (file)
@@ -20,7 +20,7 @@
             </cd-helper>
           </label>
           <div class="cd-col-form-input">
-            <select class="form-control custom-select"
+            <select class="form-control"
                     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="form-control"
                       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="form-control"
                       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="form-control"
                     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="form-control"
                     name="squash"
                     formControlName="squash"
                     id="squash">
index 3329742f413698bc61523a2b6373bdfd5cc68f94..e5906dc4b3e04403b88b6e6ecc82e243b4582132 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="form-control"
                     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="form-control"
                     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="form-control"
                     id="device_class"
                     name="device_class"
                     formControlName="device_class">
index cb55e02a35b6231fb7630ddad9a6d840d53d8e9b..b4b9cd1939099adbfe97fd12e83c28ce47790057 100644 (file)
@@ -40,7 +40,7 @@
             </cd-helper>
           </label>
           <div class="cd-col-form-input">
-            <select class="form-control custom-select"
+            <select class="form-control"
                     id="plugin"
                     name="plugin"
                     formControlName="plugin">
             </cd-helper>
           </label>
           <div class="cd-col-form-input">
-            <select class="form-control custom-select"
+            <select class="form-control"
                     id="crushFailureDomain"
                     name="crushFailureDomain"
                     formControlName="crushFailureDomain">
             </cd-helper>
           </label>
           <div class="cd-col-form-input">
-            <select class="form-control custom-select"
+            <select class="form-control"
                     id="crushLocality"
                     name="crushLocality"
                     formControlName="crushLocality">
             </cd-helper>
           </label>
           <div class="cd-col-form-input">
-            <select class="form-control custom-select"
+            <select class="form-control"
                     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="form-control"
                     id="technique"
                     name="technique"
                     formControlName="technique">
             </cd-helper>
           </label>
           <div class="cd-col-form-input">
-            <select class="form-control custom-select"
+            <select class="form-control"
                     id="crushRoot"
                     name="crushRoot"
                     formControlName="crushRoot">
             </cd-helper>
           </label>
           <div class="cd-col-form-input">
-            <select class="form-control custom-select"
+            <select class="form-control"
                     id="crushDeviceClass"
                     name="crushDeviceClass"
                     formControlName="crushDeviceClass">
index f62a7283feb8f2d7a26402f8c375ab705957aa68..07a26f9eb2b406c79b0fb9989e4a6afec077ccb6 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="form-control"
                     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="form-control"
                       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="form-control"
                         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="form-control"
                           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="form-control"
                       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="form-control"
                         id="algorithm"
                         name="algorithm"
                         formControlName="algorithm">
index 4cdb9935ddac1bfbda7598c727a42d6eeb14b495..bad80a7f358874f69357e14812bb03b29c78bd85 100644 (file)
@@ -76,7 +76,7 @@
           <div class="cd-col-form-input">
             <select id="owner"
                     name="owner"
-                    class="form-control custom-select"
+                    class="form-control"
                     formControlName="owner"
                     [autofocus]="editing">
               <option i18n
               <select id="placement-target"
                       name="placement-target"
                       formControlName="placement-target"
-                      class="form-control custom-select">
+                      class="form-control">
                 <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="form-control"
                       formControlName="lock_mode"
                       name="lock_mode"
                       id="lock_mode">
index 288297c25b3346d30b4c79da6550efd4540a27a7..8276e01e7c4bf30af6c67cc12d385e7665556fcb 100644 (file)
@@ -21,7 +21,7 @@
                    [readonly]="true"
                    formControlName="type">
             <select id="type"
-                    class="form-control custom-select"
+                    class="form-control"
                     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="form-control"
                     formControlName="perm">
               <option i18n
                       [ngValue]="null">-- Select a permission --</option>
index 8d9a557811c055de2fa9a20c6c1e0ef2e0f1531c..4a28c3e57234b9b471303fdd21930888b650c937 100644 (file)
                  for="max_buckets_mode"
                  i18n>Max. buckets</label>
           <div class="cd-col-form-input">
-            <select class="form-control custom-select"
+            <select class="form-control"
                     formControlName="max_buckets_mode"
                     name="max_buckets_mode"
                     id="max_buckets_mode"
index e51bc813f08df0b2270273a0c46cf532c3182382..6ec8978af966a6d4d4852b4dd477a98cb7b08592 100644 (file)
@@ -22,7 +22,7 @@
                    [readonly]="true"
                    formControlName="user">
             <select id="user"
-                    class="form-control custom-select"
+                    class="form-control"
                     formControlName="user"
                     *ngIf="!viewing"
                     autofocus>
index 716342c9e6c9ad0736a11eb46133e62590cee209..4fb03f019c6c990ec950a078f33652ed7bd46cbe 100644 (file)
@@ -50,7 +50,7 @@
                  i18n>Permission</label>
           <div class="cd-col-form-input">
             <select id="perm"
-                    class="form-control custom-select"
+                    class="form-control"
                     formControlName="perm">
               <option i18n
                       [ngValue]="null">-- Select a permission --</option>
index 061747f113010803c26a4d87d73ce8aa43baa491..47fca49c7e8ade7e0a57656005b83a93448619f4 100755 (executable)
@@ -32,7 +32,7 @@
                      [formControlName]="field.name"
                      cdDimlessBinary>
               <select *ngIf="field.type === 'select'"
-                      class="form-control custom-select"
+                      class="form-control"
                       [id]="field.name"
                       [formControlName]="field.name">
                 <option *ngIf="field?.typeConfig?.placeholder"
index c4a5c38d672a0b09f91ba8d4358b718401deee6c..d33fc9af806bad6ecfc09acee83a2f3a33e9ed0a 100644 (file)
@@ -7,7 +7,7 @@
                i18n>Refresh</label>
         <select id="refreshInterval"
                 name="refreshInterval"
-                class="form-control custom-select"
+                class="form-control"
                 (change)="changeRefreshInterval($event.target.value)"
                 [(ngModel)]="selectedInterval">
           <option *ngFor="let key of intervalKeys"