Remove extra whitespace between icons and text in channel card menu. #4320
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Summary
Description of the change(s) you made
This PR aims to remove the extra whitespace between icons and text in channel card menu. I have added an extra list class from vuetify in
contentcuration/contentcuration/frontend/shared/app.js
(VListTitleAvatar) and used it instead of VListTitleAction for the channel card menu options.Manual verification steps performed
Screenshots
Before:
After:
Does this introduce any tech-debt items?
No
Reviewer guidance
References
Closes #4087
Comments
After these changes, we can see a reduction in the excess whitespace as desired. If we try to reduce it more than this, it will effect the overall UI.
Contributor's Checklist
PR process:
CHANGELOG
label been added to this PR. Note: items with this label will be added to the CHANGELOG at a later timedocs
label has been added if this introduces a change that needs to be updated in the user docs?requirements.txt
files also included in this PRStudio-specifc:
notranslate
class been added to elements that shouldn't be translated by Google Chrome's automatic translation feature (e.g. icons, user-generated text)pages
,components
, andlayouts
directories as described in the docsTesting:
Reviewer's Checklist
This section is for reviewers to fill out.
yarn
andpip
)