Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

FWF:3728-Added styles for dmn list #316

Merged
merged 5 commits into from
Oct 30, 2024
Merged

FWF:3728-Added styles for dmn list #316

Show file tree
Hide file tree
Changes from 1 commit
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
373cfc5
FWF:3728-Added styles for dmn list
fahad-aot Oct 29, 2024
256e0d6
updated
fahad-aot Oct 29, 2024
b1eeb49
Merge branch 'develop' of https://github.com/fahad-aot/forms-flow-ai-…
fahad-aot Oct 29, 2024
783604b
Added table custom components
fahad-aot Oct 30, 2024
9974ea7
package.json updated
fahad-aot Oct 30, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
15 changes: 7 additions & 8 deletions forms-flow-components/src/components/CustomComponents/FormBuilderModal.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -91,12 +91,10 @@ export const FormBuilderModal: React.FC<BuildFormModalProps> = React.memo(
</div>
</Modal.Header>
<Modal.Body className="p-5">
<label className="form-label">{nameLabel}</label>
<span className="validation-astrisk">*</span>
<FormInput
type="text"
placeholder={placeholderForForm}
className={`form-input ${nameError ? "input-error" : ""}`}
label={nameLabel}
aria-label={t("Name of the form")}
data-testid={nameInputDataTestid}
onBlur={nameValidationOnBlur}
Expand All @@ -106,14 +104,14 @@ export const FormBuilderModal: React.FC<BuildFormModalProps> = React.memo(
handleChange("title", event);
}}
required
isInvalid={nameError ? true :false}
feedback={nameError}
/>
{nameError && (
<div className="validation-text mb-4">{nameError}</div>
)}

<label className="form-label">{descriptionLabel}</label>
<FormTextArea
<div className="mt-2">
<FormTextArea
placeholder={placeholderForDescription}
label={descriptionLabel}
className="form-input"
aria-label={t("Description of the new form")}
data-testid={descriptionDataTestid}
Expand All @@ -123,6 +121,7 @@ export const FormBuilderModal: React.FC<BuildFormModalProps> = React.memo(
}}
minRows={1}
/>
</div>
</Modal.Body>
<Modal.Footer className="d-flex justify-content-start">
<CustomButton
Expand Down
9 changes: 8 additions & 1 deletion forms-flow-nav/src/sidenav/Sidebar.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -208,7 +208,14 @@ const Sidebar = React.memo(({ props }) => {
},
]
: []),
{ name: "Decision Tables", path: "forms-decision-tables" },
...(isCreateDesigns && ENABLE_PROCESSES_MODULE ?
[{
name: "Decision Tables",
path: "descision-table",
matchExps: [
createURLPathMatchExp("descision-table" ,baseUrl)
]
}]:[]),
]}
/>
)}
Expand Down
1 change: 1 addition & 0 deletions forms-flow-theme/scss/_forms.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -330,6 +330,7 @@ select option:hover {
font-size: var(--font-size-xs);
font-weight: var(--font-weight-sm);
line-height: var(--text-line-height);
margin: var(--spacer-050) 0px;
}
}

Expand Down
16 changes: 15 additions & 1 deletion forms-flow-theme/scss/_table.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -167,4 +167,18 @@ $status-radius: 50%;

.w-12 {
width: 12% !important;
}
}

.button-as-div {
background: none;
border: none;
padding: 0;
margin: 0;
color: inherit;
font: inherit;
text-align: inherit;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
}
2 changes: 1 addition & 1 deletion forms-flow-theme/scss/inputBox.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -34,7 +34,7 @@ $input-error-box-shadow: 0 0 0 0.2rem rgba(255, 0, 0, 0.25);
}

.input-error {
border-color: $red-000;
border-color: $red-000 !important;
outline: none;
box-shadow: $input-error-box-shadow;
}
Expand Down
Loading