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/Control | |
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/Control')
-rw-r--r-- | src/views/Control/Kvm/Kvm.vue | 7 | ||||
-rw-r--r-- | src/views/Control/Kvm/KvmConsole.vue | 12 | ||||
-rw-r--r-- | src/views/Control/SerialOverLan/SerialOverLanConsole.vue | 10 |
3 files changed, 6 insertions, 23 deletions
diff --git a/src/views/Control/Kvm/Kvm.vue b/src/views/Control/Kvm/Kvm.vue index 10322bde..1a41baaf 100644 --- a/src/views/Control/Kvm/Kvm.vue +++ b/src/views/Control/Kvm/Kvm.vue @@ -18,13 +18,6 @@ export default { </script> <style scoped> -.button-launch > svg { - height: 25px; -} -.button-launch { - padding-left: 0px; -} - .terminal-container { width: 100%; } diff --git a/src/views/Control/Kvm/KvmConsole.vue b/src/views/Control/Kvm/KvmConsole.vue index 43dc7271..0c545d0f 100644 --- a/src/views/Control/Kvm/KvmConsole.vue +++ b/src/views/Control/Kvm/KvmConsole.vue @@ -14,28 +14,24 @@ </dl> </b-col> - <b-col class="d-flex justify-content-end"> + <b-col class="d-flex justify-content-end pr-1"> <b-button v-if="isConnected" variant="link" type="button" - class="pr-0 button-launch" @click="sendCtrlAltDel" > - <icon-arrow-down aria-hidden="true" /> + <icon-arrow-down /> {{ $t('pageKvm.buttonCtrlAltDelete') }} </b-button> <b-button v-if="!isFullWindow" variant="link" type="button" - class="pr-0 button-launch" @click="openConsoleWindow()" > - <icon-launch aria-hidden="true" /> - <span class="d-none d-md-inline"> - {{ $t('pageKvm.openNewTab') }} - </span> + <icon-launch /> + {{ $t('pageKvm.openNewTab') }} </b-button> </b-col> </b-row> diff --git a/src/views/Control/SerialOverLan/SerialOverLanConsole.vue b/src/views/Control/SerialOverLan/SerialOverLanConsole.vue index 2b49562c..a0e47870 100644 --- a/src/views/Control/SerialOverLan/SerialOverLanConsole.vue +++ b/src/views/Control/SerialOverLan/SerialOverLanConsole.vue @@ -13,14 +13,8 @@ </b-col> <b-col v-if="!isFullWindow" class="d-flex justify-content-end"> - <b-button - variant="link" - type="button" - class="pr-0 button-launch" - @click="openConsoleWindow()" - > - <icon-launch aria-hidden="true" /> - + <b-button variant="link" type="button" @click="openConsoleWindow()"> + <icon-launch /> {{ $t('pageSerialOverLan.openNewTab') }} </b-button> </b-col> |