Skip to content

Commit

Permalink
Fix question header title for extra long text
Browse files Browse the repository at this point in the history
Currently the title is set to a fixed height of 44px (used 16px text height + padding around)
to fit the menu button on the right. This change allows the header to have multiple lines of text
by setting only a minimum height + a fixed padding.

And also allows Question options to be longer than one line.

Signed-off-by: Ferdinand Thiessen <rpm@fthiessen.de>
  • Loading branch information
susnux committed Oct 25, 2022
1 parent 4ce4805 commit 32b0fc9
Show file tree
Hide file tree
Showing 2 changed files with 7 additions and 1 deletion.
3 changes: 2 additions & 1 deletion src/components/Questions/Question.vue
Original file line number Diff line number Diff line change
Expand Up @@ -328,11 +328,12 @@ export default {
&__title {
display: flex;
height: 44px;
min-height: 44px;
&__text {
flex: 1 1 100%;
font-size: 16px !important;
padding: 10px 0px;
font-weight: bold;
margin: auto !important;
Expand Down
5 changes: 5 additions & 0 deletions src/components/Questions/QuestionMultiple.vue
Original file line number Diff line number Diff line change
Expand Up @@ -341,6 +341,11 @@ export default {
flex-direction: column;
}
:deep(.checkbox-radio-switch__label) {
height: fit-content!important;
min-height: 44px;
}
.question__item {
position: relative;
display: inline-flex;
Expand Down

0 comments on commit 32b0fc9

Please sign in to comment.