diff options
author | Dixsie Wolmers <dixsie@ibm.com> | 2020-11-11 01:07:56 +0300 |
---|---|---|
committer | Yoshie Muranaka <yoshiemuranaka@gmail.com> | 2020-11-13 18:37:57 +0300 |
commit | 30f11f818168c89126777b717ab37829e25e8378 (patch) | |
tree | 2bfea87a7f99cc1143df630fda3c908e8c02b6e7 /src/views/Health | |
parent | 151dd2491c01e70ed69baf638c22624fae598361 (diff) | |
download | webui-vue-30f11f818168c89126777b717ab37829e25e8378.tar.xz |
Align button icons
- Fixes button icon and text alignment
- App header buttons to be addressed separately
- Button documentation will be addressed in separate commit
- Aligns form input buttons: datepicker, clear search, and password toggle
- Moves title from icon to button for icon only buttons
- Aligns validation icon with form input buttons
Signed-off-by: Dixsie Wolmers <dixsie@ibm.com>
Change-Id: Ie28d7d7dd7303ab6bf1897d1fa569e1580cc2f9d
Diffstat (limited to 'src/views/Health')
7 files changed, 21 insertions, 7 deletions
diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableBmcManager.vue b/src/views/Health/HardwareStatus/HardwareStatusTableBmcManager.vue index 25436c8a..a6342089 100644 --- a/src/views/Health/HardwareStatus/HardwareStatusTableBmcManager.vue +++ b/src/views/Health/HardwareStatus/HardwareStatusTableBmcManager.vue @@ -14,9 +14,11 @@ variant="link" data-test-id="hardwareStatus-button-expandBmc" :aria-label="expandRowLabel" + :title="expandRowLabel" + class="btn-icon-only" @click="toggleRowDetails(row)" > - <icon-chevron :title="expandRowLabel" /> + <icon-chevron /> </b-button> </template> diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableChassis.vue b/src/views/Health/HardwareStatus/HardwareStatusTableChassis.vue index e629006f..4fdda506 100644 --- a/src/views/Health/HardwareStatus/HardwareStatusTableChassis.vue +++ b/src/views/Health/HardwareStatus/HardwareStatusTableChassis.vue @@ -14,9 +14,11 @@ variant="link" data-test-id="hardwareStatus-button-expandChassis" :aria-label="expandRowLabel" + :title="expandRowLabel" + class="btn-icon-only" @click="toggleRowDetails(row)" > - <icon-chevron :title="expandRowLabel" /> + <icon-chevron /> </b-button> </template> diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableDimmSlot.vue b/src/views/Health/HardwareStatus/HardwareStatusTableDimmSlot.vue index 9e0c9f8b..a5953054 100644 --- a/src/views/Health/HardwareStatus/HardwareStatusTableDimmSlot.vue +++ b/src/views/Health/HardwareStatus/HardwareStatusTableDimmSlot.vue @@ -36,9 +36,11 @@ variant="link" data-test-id="hardwareStatus-button-expandDimms" :aria-label="expandRowLabel" + :title="expandRowLabel" + class="btn-icon-only" @click="toggleRowDetails(row)" > - <icon-chevron :title="expandRowLabel" /> + <icon-chevron /> </b-button> </template> diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableFans.vue b/src/views/Health/HardwareStatus/HardwareStatusTableFans.vue index 4981d457..58b092da 100644 --- a/src/views/Health/HardwareStatus/HardwareStatusTableFans.vue +++ b/src/views/Health/HardwareStatus/HardwareStatusTableFans.vue @@ -36,9 +36,11 @@ variant="link" data-test-id="hardwareStatus-button-expandFans" :aria-label="expandRowLabel" + :title="expandRowLabel" + class="btn-icon-only" @click="toggleRowDetails(row)" > - <icon-chevron :title="expandRowLabel" /> + <icon-chevron /> </b-button> </template> diff --git a/src/views/Health/HardwareStatus/HardwareStatusTablePowerSupplies.vue b/src/views/Health/HardwareStatus/HardwareStatusTablePowerSupplies.vue index 4137f1bf..94f5774b 100644 --- a/src/views/Health/HardwareStatus/HardwareStatusTablePowerSupplies.vue +++ b/src/views/Health/HardwareStatus/HardwareStatusTablePowerSupplies.vue @@ -36,9 +36,11 @@ variant="link" data-test-id="hardwareStatus-button-expandPowerSupplies" :aria-label="expandRowLabel" + :title="expandRowLabel" + class="btn-icon-only" @click="toggleRowDetails(row)" > - <icon-chevron :title="expandRowLabel" /> + <icon-chevron /> </b-button> </template> diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableProcessors.vue b/src/views/Health/HardwareStatus/HardwareStatusTableProcessors.vue index da15b7a9..fcb8ef36 100644 --- a/src/views/Health/HardwareStatus/HardwareStatusTableProcessors.vue +++ b/src/views/Health/HardwareStatus/HardwareStatusTableProcessors.vue @@ -35,9 +35,11 @@ variant="link" data-test-id="hardwareStatus-button-expandProcessors" :aria-label="expandRowLabel" + :title="expandRowLabel" + class="btn-icon-only" @click="toggleRowDetails(row)" > - <icon-chevron :title="expandRowLabel" /> + <icon-chevron /> </b-button> </template> <!-- Health --> diff --git a/src/views/Health/HardwareStatus/HardwareStatusTableStystem.vue b/src/views/Health/HardwareStatus/HardwareStatusTableStystem.vue index e2ba49ec..9cb1c6ae 100644 --- a/src/views/Health/HardwareStatus/HardwareStatusTableStystem.vue +++ b/src/views/Health/HardwareStatus/HardwareStatusTableStystem.vue @@ -14,9 +14,11 @@ variant="link" data-test-id="hardwareStatus-button-expandSystem" :aria-label="expandRowLabel" + :title="expandRowLabel" + class="btn-icon-only" @click="toggleRowDetails(row)" > - <icon-chevron :title="expandRowLabel" /> + <icon-chevron /> </b-button> </template> |