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

Jump to bottom

TACKLE-671: Application form - Packaging Popover #300

Merged
merged 10 commits into from
Jul 13, 2022
Merged

TACKLE-671: Application form - Packaging Popover #300

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
712d70e
TACKLE-671: Application form - Packaging Tooltip
gildub Jun 17, 2022
006e32b
Adjust message
gildub Jun 27, 2022
e81ddf1
Tooltip centered by default
gildub Jun 28, 2022
a48e9e8
Use Popover with helpIcon instead
gildub Jun 28, 2022
c074d99
Add spacing for icon
gildub Jun 30, 2022
58847a9
Dark popover
gildub Jul 4, 2022
ea5f018
Wrapping icon with span and using QuestionCircleIcon
gildub Jul 12, 2022
c2149ad
Merge branch 'main' into jira-671
ibolton336 Jul 12, 2022
5c413a1
Match MTC popover icon styling
ibolton336 Jul 12, 2022
743805a
Merge pull request #4 from ibolton336/icon-modifications
gildub Jul 13, 2022
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
1 change: 1 addition & 0 deletions pkg/client/public/locales/en/translation.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -110,6 +110,7 @@
"appNotAssesedTitle": "Assessment has not been completed",
"appNotAssessedBody": "In order to review an application it must be assessed first. Please assess the application",
"assessmentStakeholderHeader": "Select the stakeholder(s) or stakeholder group(s) associated with this assessment.",
"binaryPackaging": "Packaging will default to JAR if left empty.",
"continueConfirmation": "Yes, continue",
"copyAssessmentAndReviewBody": "Some of the selected target applications have an in-progress or complete assessment/review. By continuing, the existing assessment(s)/review(s) will be replaced by the copied assessment/review. Do you wish to continue?",
"copyAssessmentAndReviewQuestion": "Copy assessment and review?",
Expand Down
1 change: 1 addition & 0 deletions pkg/client/public/locales/es/translation.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -110,6 +110,7 @@
"appNotAssesedTitle": "La evaluación no se ha completado",
"appNotAssessedBody": "Para revisar una aplicación, esta debe de ser evaluada primero. Por favor evalúe la aplicación",
"assessmentStakeholderHeader": "Seleccione a los interesados o grupo de interesados asociados a esta evaluación.",
"binaryPackaging": "El valor de packaging será JAR for defecto si se dejase vacío.",
"continueConfirmation": "Si, continuar",
"copyAssessmentAndReviewBody": "Algunas de las aplicaciones de destino seleccionadas tienen una evaluación/revisión en curso o completa. Al continuar, las evaluaciones/revisiones existentes serán reemplazadas por la evaluación/revisión copiada. ¿Desea continuar?",
"copyAssessmentAndReviewQuestion": "¿Copiar evaluación y revisión?",
Expand Down
1 change: 1 addition & 0 deletions pkg/client/src/app/App.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,7 @@ import { ConfirmDialogContainer } from "./shared/containers/confirm-dialog-conta
import { BulkCopyNotificationsContainer } from "./shared/containers/bulk-copy-notifications-container";
import { useFetchCookie } from "./queries/cookies";
import keycloak from "./keycloak";
import "./app.css";

const App: React.FC = () => {
// Automatically updates cookie
Expand Down
49 changes: 49 additions & 0 deletions pkg/client/src/app/app.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,49 @@
.pf-c-icon {
--pf-c-icon--FontSize: var(--pf-global--FontSize--md);
--pf-c-icon--Color: #72767b;

--pf-c-icon--m-sm--FontSize: var(--pf-global--icon--FontSize--sm);
--pf-c-icon--m-md--FontSize: var(--pf-global--icon--FontSize--md);
--pf-c-icon--m-lg--FontSize: var(--pf-global--icon--FontSize--lg);
--pf-c-icon--m-xl--FontSize: var(--pf-global--icon--FontSize--xl);
--pf-c-icon--m-2xl--FontSize: var(--pf-global--icon--FontSize--2xl);

--pf-c-icon--m-info--Color: var(--pf-global--primary-color--100);
--pf-c-icon--m-success--Color: var(--pf-global--success-color--100);
--pf-c-icon--m-warning--Color: var(--pf-global--warning-color--100);
--pf-c-icon--m-danger--Color: var(--pf-global--danger-color--100);

font-size: var(--pf-c-icon--FontSize);
color: var(--pf-c-icon--Color);
}
.pf-c-icon .pf-m-sm {
font-size: var(--pf-c-icon--m-sm--FontSize);
}

.pf-c-icon .pf-m-lg {
font-size: var(--pf-c-icon--m-lg--FontSize);
}

.pf-c-icon .pf-m-xl {
font-size: var(--pf-c-icon--m-xl--FontSize);
}

.pf-c-icon .pf-m-default {
color: var(--pf-c-icon--Color);
}

.pf-c-icon.pf-m-info {
color: var(--pf-c-icon--m-info--Color);
}

.pf-c-icon .pf-m-success {
color: var(--pf-c-icon--m-success--Color);
}

.pf-c-icon .pf-m-warning {
color: var(--pf-c-icon--m-warning--Color);
}

.pf-c-icon .pf-m-danger {
color: var(--pf-c-icon--m-danger--Color);
}
6 changes: 6 additions & 0 deletions pkg/client/src/app/pages/applications/components/application-form/application-form.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,3 +2,9 @@
--pf-c-expandable-section__toggle--Color: #000;
--pf-c-expandable-section__toggle--m-expanded--Color: #000;
}

.popover.pf-c-popover {
--pf-c-popover__content--BackgroundColor: #000;
--pf-c-popover__arrow--BackgroundColor: #000;
color: #fff;
}
Loading