Skip to content

Commit

Permalink
fix: Fix Vuetify List Dense Style - MEED-7511 - Meeds-io/meeds#2406 (#…
Browse files Browse the repository at this point in the history
…835)

Prior to this change, after increasing the font-size in
Meeds-io/MIPs#144, the predefined line-height of List, in dense
configuration, isn't adapted and truncates the bottom of some latin
characters. This change ensures to use element relative unit ('em'
instead of 'rem') to make this more flexible and adds a small spacing in
case of big used fonts.
  • Loading branch information
boubaker authored Sep 23, 2024
1 parent 7bb68e7 commit 80e9dfe
Show file tree
Hide file tree
Showing 2 changed files with 2 additions and 1 deletion.
Original file line number Diff line number Diff line change
Expand Up @@ -27,3 +27,4 @@ Modifications applied on imported libraries:
- Delete font-size on .v-tab
- Change color to use @menuTextColor on .v-tab
- Delete .v-card--link focus background to not have grey background once clicked
- Fix .v-list-item__title & .v-list-item__subtitle line-height in dense configuration
Original file line number Diff line number Diff line change
Expand Up @@ -20257,7 +20257,7 @@ html.overflow-y-hidden {
.v-list-item--dense .v-list-item__subtitle,
.v-list--dense .v-list-item .v-list-item__title,
.v-list--dense .v-list-item .v-list-item__subtitle {
line-height: 1rem;
line-height: 1.1em;
}
.v-list-item--dense.v-list-item--two-line,
.v-list--dense .v-list-item.v-list-item--two-line {
Expand Down

0 comments on commit 80e9dfe

Please sign in to comment.