From 0d0112b73bf0a8ff55e1a5b2fffdb0b9ec267df4 Mon Sep 17 00:00:00 2001 From: James Burton Date: Sun, 15 Nov 2020 17:44:56 +0000 Subject: [PATCH] Updated documentation --- yesod-form-multi/Yesod/Form/MultiInput.hs | 34 +++++++++++------------ 1 file changed, 16 insertions(+), 18 deletions(-) diff --git a/yesod-form-multi/Yesod/Form/MultiInput.hs b/yesod-form-multi/Yesod/Form/MultiInput.hs index aa31cfed..cea29ff3 100644 --- a/yesod-form-multi/Yesod/Form/MultiInput.hs +++ b/yesod-form-multi/Yesod/Form/MultiInput.hs @@ -45,8 +45,7 @@ instance ToJavascript Text where toJavascript = toJavascript . toJSON -- | By default delete buttons have a @margin-left@ property of @0.75rem@. -- You can override this by specifying an alternative value in a class --- which is then passed inside 'MultiSettings'. Note that you might have --- to use @!important@. +-- which is then passed inside 'MultiSettings'. -- -- @since 1.6.0 data MultiSettings site = MultiSettings @@ -65,27 +64,26 @@ data MultiSettings site = MultiSettings -- both the field and it's corresponding delete button. -- -- The structure is illustrated by the following: --- @ ---
---
--- ^{fieldWidget} --- ^{deleteButton} --- ^{maybeErrorMessages} --- @ +-- +-- >
+-- >
+-- > ^{fieldWidget} +-- > ^{deleteButton} +-- > ^{maybeErrorMessages} -- -- Each wrapper element has the same class which is automatically generated. This class -- is returned in the 'MultiView' should you wish to change the styling. The inner wrapper -- uses the same class followed by @-inner@. By default the wrapper and inner wrapper has -- classes are as follows: --- @ --- .#{wrapperClass} { --- margin-bottom: 1rem; --- } --- .#{wrapperClass}-inner { --- display: flex; --- flex-direction: row; --- } --- @ +-- +-- > .#{wrapperClass} { +-- > margin-bottom: 1rem; +-- > } +-- > +-- > .#{wrapperClass}-inner { +-- > display: flex; +-- > flex-direction: row; +-- > } -- -- @since 1.6.0 data MultiView site = MultiView