diff options
| author | Sandeepa Singh <sandeepa.singh@ibm.com> | 2021-06-07 14:56:31 +0300 |
|---|---|---|
| committer | Derick Montague <derick.montague@ibm.com> | 2021-06-29 00:44:44 +0300 |
| commit | 3aecc07d9c2e08951ddd04de50247fe5cac3337a (patch) | |
| tree | 7ff8c9f7ccdfd4d22e0320fedf6bb6a195134f08 | |
| parent | 0a7a499cc1e2001ce01d4f9970e1126e2b189021 (diff) | |
| download | webui-vue-3aecc07d9c2e08951ddd04de50247fe5cac3337a.tar.xz | |
Increase the filter menu margins
This will increase readability of filter menu options, by preventing
the wrapping up of long options/labels.
Signed-off-by: Sandeepa Singh <sandeepa.singh@ibm.com>
Change-Id: I75199b7608b5aeed067530e374e45750e26bb6eb
| -rw-r--r-- | src/assets/styles/bmc/custom/_dropdown.scss | 3 | ||||
| -rw-r--r-- | src/components/Global/TableFilter.vue | 4 |
2 files changed, 5 insertions, 2 deletions
diff --git a/src/assets/styles/bmc/custom/_dropdown.scss b/src/assets/styles/bmc/custom/_dropdown.scss index e4de5816..969c4c68 100644 --- a/src/assets/styles/bmc/custom/_dropdown.scss +++ b/src/assets/styles/bmc/custom/_dropdown.scss @@ -4,7 +4,8 @@ padding: 0; } .dropdown-item { - padding-left: $spacer/2; + padding-left: $spacer/4; + margin-top: -1 * $spacer/4; } .b-dropdown-form { padding: $spacer/2; diff --git a/src/components/Global/TableFilter.vue b/src/components/Global/TableFilter.vue index 7b87942f..7c66bea6 100644 --- a/src/components/Global/TableFilter.vue +++ b/src/components/Global/TableFilter.vue @@ -35,7 +35,9 @@ :value="value" :data-test-id="`tableFilter-checkbox-${value}`" > - {{ value }} + <b-dropdown-item> + {{ value }} + </b-dropdown-item> </b-form-checkbox> </b-form-checkbox-group> </b-form-group> |