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

Bug/WP-782: Resized View Full Path link in modals #1036

Merged
merged 11 commits into from
Jan 8, 2025
Original file line number Diff line number Diff line change
Expand Up @@ -14,6 +14,7 @@ import {
useSystems,
} from 'hooks/datafiles';
import truncateMiddle from 'utils/truncateMiddle';
import styles from '../../../components/_common/Button/Button.module.css';
jmcmillenmusic marked this conversation as resolved.
Show resolved Hide resolved

const BreadcrumbLink = ({
api,
Expand Down Expand Up @@ -195,7 +196,11 @@ const DataFilesBreadcrumbs = ({
)}
</div>
{systemName && api === 'tapis' && (
<Button type="link" onClick={openFullPathModal}>
<Button
type="link"
className={styles.modalButton}
onClick={openFullPathModal}
>
View Full Path
</Button>
)}
Expand Down
1 change: 1 addition & 0 deletions client/src/components/_common/Button/Button.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -21,6 +21,7 @@ export const SIZE_MAP = {
long: 'width-long',
auto: 'width-auto',
small: 'size-small',
modalButton: 'modalButton',
jmcmillenmusic marked this conversation as resolved.
Show resolved Hide resolved
};
export const SIZES = [''].concat(Object.keys(SIZE_MAP));

Expand Down
4 changes: 4 additions & 0 deletions client/src/components/_common/Button/Button.module.css
Original file line number Diff line number Diff line change
Expand Up @@ -39,6 +39,10 @@
font-size: 1rem;
}
jmcmillenmusic marked this conversation as resolved.
Show resolved Hide resolved

.modalButton {
font-size: 0.75rem !important;
}

jmcmillenmusic marked this conversation as resolved.
Show resolved Hide resolved
.icon--before {
composes: c-button__icon--before from '../../../styles/components/c-button--new.css';
}
Expand Down