diff --git a/addons/project/static/src/components/project_task_state_selection/project_task_state_selection.scss b/addons/project/static/src/components/project_task_state_selection/project_task_state_selection.scss index ed237603c96..adf6eaf92d3 100644 --- a/addons/project/static/src/components/project_task_state_selection/project_task_state_selection.scss +++ b/addons/project/static/src/components/project_task_state_selection/project_task_state_selection.scss @@ -19,6 +19,8 @@ } .o_task_state_list_view { + height: $o-line-size; + .fa-lg { font-size: 1.315em; vertical-align: -6%; diff --git a/addons/web/static/src/scss/secondary_variables.scss b/addons/web/static/src/scss/secondary_variables.scss index be18c69584c..5ef2650bca1 100644 --- a/addons/web/static/src/scss/secondary_variables.scss +++ b/addons/web/static/src/scss/secondary_variables.scss @@ -30,6 +30,10 @@ $o-statusbar-disabled-bg: lighten($o-brand-lightsecondary, 7%) !default; $o-datepicker-week-bg-color: lighten($o-datepicker-week-color, 30%) !default; +// Computation of the total height of a single line, +// useful to visually center elements eg. in a list view. +$o-line-size: $o-line-height-base * $o-font-size-base !default; + // Form // Safest for the next value would be map-get($container-max-widths, lg) as it diff --git a/addons/web/static/src/views/list/list_renderer.scss b/addons/web/static/src/views/list/list_renderer.scss index ba8fa1648c0..df18ecb6d2b 100644 --- a/addons/web/static/src/views/list/list_renderer.scss +++ b/addons/web/static/src/views/list/list_renderer.scss @@ -78,7 +78,10 @@ display: table-cell; @include text-truncate(); - vertical-align: middle; + + .o_field_priority .fa, .o_field_list_activity .fa { + line-height: $o-line-size; + } &.o_list_text { white-space: pre-wrap;