NoRedInk/noredink-ui
1
1
Fork 0
mirror of https://github.com/NoRedInk/noredink-ui.git synced 2024-09-21 20:27:36 +03:00
Code Issues Packages Projects Releases Wiki Activity

Bump up QB minHeight for tips so character always fits

Browse Source
This commit is contained in:
Micah Hahn 2023-11-30 16:51:20 -06:00
parent 4ae0c742a3
commit 6052b3b5df
1 changed files with 6 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
src/Nri/Ui/QuestionBox/V6.elm
View File

@ -295,18 +295,19 @@ viewContainer config =
, Css.displayFlex
, Css.property "gap" "30px"
, Css.flexDirection Css.column
-- Approximately one line of text
, Css.minHeight (Css.px 53)
, case config.theme of
Tip ->
Css.batch
[ Css.padding2 (Css.px 15) (Css.px 25)
[ -- Enough space that the character circle fits in the box
Css.minHeight (Css.px 80)
, Css.padding2 (Css.px 15) (Css.px 25)
]
_ ->
Css.batch
[ Css.borderLeft3 (Css.px 1) Css.solid Colors.gray85
[ -- Approximately one line of text
Css.minHeight (Css.px 53)
, Css.borderLeft3 (Css.px 1) Css.solid Colors.gray85
, Css.borderTop3 (Css.px 1) Css.solid Colors.gray85
, Css.borderRight3 (Css.px 1) Css.solid Colors.gray85
, Css.borderTopLeftRadius (Css.px borderRounding)