fixed styling in shared documents expired link row
This commit is contained in:
parent
424b7406ec
commit
d6a48dec17
@ -73,6 +73,14 @@ const StyledLinkRow = styled.div`
|
|||||||
padding: 0px;
|
padding: 0px;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.internal-combobox_expiered {
|
||||||
|
font-size: 14px;
|
||||||
|
font-weight: 600;
|
||||||
|
line-height: 16px;
|
||||||
|
margin: 6px 8px;
|
||||||
|
color: ${({ theme }) => theme.infoPanel.members.linkAccessComboboxExpired};
|
||||||
|
}
|
||||||
|
|
||||||
.expired-options {
|
.expired-options {
|
||||||
padding: 0px;
|
padding: 0px;
|
||||||
|
|
||||||
|
@ -46,6 +46,7 @@ import { getShareOptions, getAccessOptions } from "../Share.helpers";
|
|||||||
import { LinkRowProps } from "../Share.types";
|
import { LinkRowProps } from "../Share.types";
|
||||||
|
|
||||||
import ExpiredComboBox from "./ExpiredComboBox";
|
import ExpiredComboBox from "./ExpiredComboBox";
|
||||||
|
import { Text } from "@docspace/shared/components/text";
|
||||||
|
|
||||||
const LinkRow = ({
|
const LinkRow = ({
|
||||||
onAddClick,
|
onAddClick,
|
||||||
@ -105,20 +106,26 @@ const LinkRow = ({
|
|||||||
/>
|
/>
|
||||||
)}
|
)}
|
||||||
<div className="link-options">
|
<div className="link-options">
|
||||||
<ComboBox
|
{!isExpiredLink ? (
|
||||||
className="internal-combobox"
|
<ComboBox
|
||||||
directionY="both"
|
className="internal-combobox"
|
||||||
options={shareOptions}
|
directionY="both"
|
||||||
selectedOption={shareOption ?? ({} as TOption)}
|
options={shareOptions}
|
||||||
onSelect={(item) => changeShareOption(item, link)}
|
selectedOption={shareOption ?? ({} as TOption)}
|
||||||
scaled={false}
|
onSelect={(item) => changeShareOption(item, link)}
|
||||||
scaledOptions={false}
|
scaled={false}
|
||||||
showDisabledItems
|
scaledOptions={false}
|
||||||
size={ComboBoxSize.content}
|
showDisabledItems
|
||||||
fillIcon={false}
|
size={ComboBoxSize.content}
|
||||||
modernView
|
fillIcon={false}
|
||||||
isDisabled={isExpiredLink || isLoaded}
|
modernView
|
||||||
/>
|
isDisabled={isLoaded}
|
||||||
|
/>
|
||||||
|
) : (
|
||||||
|
<Text className="internal-combobox_expiered">
|
||||||
|
{shareOption?.label}
|
||||||
|
</Text>
|
||||||
|
)}
|
||||||
<ExpiredComboBox
|
<ExpiredComboBox
|
||||||
link={link}
|
link={link}
|
||||||
changeExpirationOption={changeExpirationOption}
|
changeExpirationOption={changeExpirationOption}
|
||||||
|
Loading…
Reference in New Issue
Block a user