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.

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

fixed button for mobile view #33768

Merged
merged 7 commits into from
Dec 30, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
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
4 changes: 2 additions & 2 deletions src/applications/edu-benefits/10216/config/form.js
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
// In a real app this would not be imported directly; instead the schema you

Check warning on line 1 in src/applications/edu-benefits/10216/config/form.js

View workflow job for this annotation

GitHub Actions / App Isolation Annotations

Staged Continuous Deployment App Isolation Conflict

*WARNING* This PR contains changes related to an application that is currently not isolated. As of Feb 3, 2025 deployment may no longer be possible for apps that are not isolated. Please isolate this app from other directories in 'src/applications' to prevent future deployment issues. More information on your app's status can be seen here: https://department-of-veterans-affairs.github.io/veteran-facing-services-tools/frontend-support-dashboard/cross-app-import-report Please reach out to Frontend Platform Support with any questions.
// imported above would import and use these common definitions:
import React from 'react';
import commonDefinitions from 'vets-json-schema/dist/definitions.json';
Expand Down Expand Up @@ -30,9 +30,9 @@
const { date, dateRange } = commonDefinitions;

const subTitle = () => (
<div className="schemaform-subtitle vads-u-color--gray">
<p className="schemaform-subtitle">
35% Exemption Request from 85/15 Reporting Requirement (VA Form 22-10216)
</div>
</p>
);

let isAccredited = false;
Expand Down
8 changes: 5 additions & 3 deletions src/applications/edu-benefits/10216/containers/App.jsx
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import React, { useEffect } from 'react';

Check warning on line 1 in src/applications/edu-benefits/10216/containers/App.jsx

View workflow job for this annotation

GitHub Actions / App Isolation Annotations

Staged Continuous Deployment App Isolation Conflict

*WARNING* This PR contains changes related to an application that is currently not isolated. As of Feb 3, 2025 deployment may no longer be possible for apps that are not isolated. Please isolate this app from other directories in 'src/applications' to prevent future deployment issues. More information on your app's status can be seen here: https://department-of-veterans-affairs.github.io/veteran-facing-services-tools/frontend-support-dashboard/cross-app-import-report Please reach out to Frontend Platform Support with any questions.
import PropTypes from 'prop-types';
import RoutedSavableApp from 'platform/forms/save-in-progress/RoutedSavableApp';
import formConfig from '../config/form';
Expand All @@ -16,9 +16,11 @@
);
});
return (
<RoutedSavableApp formConfig={formConfig} currentLocation={location}>
{children}
</RoutedSavableApp>
<div className="form-22-10216-container row">
<RoutedSavableApp formConfig={formConfig} currentLocation={location}>
{children}
</RoutedSavableApp>
</div>
);
}
App.propTypes = {
Expand Down
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
@import "~@department-of-veterans-affairs/css-library/dist/tokens/scss/variables";

Check warning on line 1 in src/applications/edu-benefits/10216/sass/10216-edu-benefits.scss

View workflow job for this annotation

GitHub Actions / App Isolation Annotations

Staged Continuous Deployment App Isolation Conflict

*WARNING* This PR contains changes related to an application that is currently not isolated. As of Feb 3, 2025 deployment may no longer be possible for apps that are not isolated. Please isolate this app from other directories in 'src/applications' to prevent future deployment issues. More information on your app's status can be seen here: https://department-of-veterans-affairs.github.io/veteran-facing-services-tools/frontend-support-dashboard/cross-app-import-report Please reach out to Frontend Platform Support with any questions.
@import "~@department-of-veterans-affairs/css-library/dist/stylesheets/modules/m-process-list";
@import "~@department-of-veterans-affairs/css-library/dist/stylesheets/modules/m-form-process";
@import "../../../../platform/forms/sass/m-schemaform";
Expand All @@ -14,4 +14,23 @@
}
va-accordion-item[data-chapter="submissionInstructionsChapter"] {
display: none;
}
}

@media (max-width: $small-screen) {
.form-22-10216-container{
padding-inline: 0.5rem;
}
.form-22-10216-container .schemaform-buttons,
.form-22-10216-container .form-progress-buttons {
display: flex;
flex-direction: column !important;

div {
width: 100%;
}

div:first-of-type {
order: 2;
}
}
}
Loading