TryGhost/Ghost
1
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2024-11-23 22:11:09 +03:00
Code Issues Projects Releases Wiki Activity

🐛 Fixed links being invisible in Portal settings (#18881)

Browse Source 
Refs. https://github.com/TryGhost/Ghost/issues/18879

- Links were covered by textfield background in Portal settings
This commit is contained in:
Peter Zimon 2023-11-06 16:54:21 +01:00 committed by Ronald Langeveld
parent 8b58eabadc
commit 213abfa6b4
2 changed files with 7 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
apps/admin-x-settings/src/admin-x-ds/global/form/TextField.tsx
View File

@ -68,7 +68,7 @@ const TextField: React.FC<TextFieldProps> = ({
(title && !hideTitle) && `mt-1.5`
);
const bgClasses = clsx(
const bgClasses = !unstyled && clsx(
'absolute inset-0 rounded-md border text-grey-300 transition-all peer-hover:bg-grey-100 peer-focus:border-green peer-focus:bg-white peer-focus:shadow-[0_0_0_1px_rgba(48,207,67,1)] dark:peer-hover:bg-grey-925 dark:peer-focus:bg-grey-925',
error ? `border-red bg-white dark:bg-grey-925` : 'border-transparent bg-grey-150 dark:bg-grey-900',
disabled && 'bg-grey-100 dark:bg-grey-925'
@ -107,7 +107,7 @@ const TextField: React.FC<TextFieldProps> = ({
field = (
<div className={fieldContainerClasses}>
{inputField}
{!clearBg && <div className={bgClasses}></div>}
{!unstyled && !clearBg && <div className={bgClasses ? bgClasses : ''}></div>}
{rightPlaceholder && <span className={rightPlaceholderClasses || ''}>{rightPlaceholder}</span>}
</div>
);

11
apps/admin-x-settings/src/components/settings/membership/portal/PortalLinks.tsx
View File

@ -27,12 +27,11 @@ const PortalLink: React.FC<PortalLinkPrefs> = ({name, value}) => {
button.innerText = 'Copy';
}, 1000);
}}/>}
hideActions
separator
>
<div className='flex w-full grow items-center gap-5 py-3'>
<label className='inline-block w-[240px] whitespace-nowrap' htmlFor={id}>{name}</label>
<TextField className='border-b-500 grow bg-transparent p-1 text-grey-700' id={id} value={value} disabled unstyled />
<div className='flex w-full grow flex-col py-3 lg:flex-row lg:items-center lg:gap-2'>
<label className='inline-block whitespace-nowrap lg:w-[180px] lg:min-w-[180px]' htmlFor={id}>{name}:</label>
<TextField className='border-b-500 grow bg-transparent py-1 text-grey-700 lg:p-1' id={id} value={value} disabled unstyled />
</div>
</ListItem>
);
@ -79,8 +78,8 @@ const PortalLinks: React.FC = () => {
hideActions
separator
>
<div className='flex w-full items-center gap-5 py-2 pr-6'>
<span className='inline-block w-[240px] shrink-0'>Tier</span>
<div className='flex w-full items-center gap-2 py-2'>
<span className='inline-block w-[180px] min-w-[180px] shrink-0'>Tier:</span>
<Select
options={tierOptions}
selectedOption={tierOptions.find(option => option.value === selectedTier)}