mythic-insight/calcom
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 5

fixes event-type location input length (#1772)

Browse source 
* fixed textsm classname bug

* fixed event type location length
This commit is contained in:
Peer Richelsen 2022-02-09 23:10:43 +00:00 committed by GitHub
parent 889edb8b44
commit 803e5c7f2d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 15 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
components/booking/pages/BookingPage.tsx
View file

@ -400,7 +400,7 @@ const BookingPage = (props: BookingPageProps) => {
value={location.type} value={location.type}
defaultChecked={selectedLocation === location.type} defaultChecked={selectedLocation === location.type}
/> />
<span className="rtl:mr-2text-sm ltr:ml-2 dark:text-gray-500"> <span className="text-sm ltr:ml-2 rtl:mr-2 dark:text-gray-500">
{locationLabels[location.type]} {locationLabels[location.type]}
</span> </span>
</label> </label>

2
components/team/MemberInvitationModal.tsx
View file

@ -106,7 +106,7 @@ export default function MemberInvitationModal(props: { team: TeamWithMembers | n
className="rounded-sm border-gray-300 text-black shadow-sm focus:border-brand focus:ring-black sm:text-sm" className="rounded-sm border-gray-300 text-black shadow-sm focus:border-brand focus:ring-black sm:text-sm"
/> />
</div> </div>
<div className="rtl:mr-2text-sm ltr:ml-2"> <div className="text-sm ltr:ml-2 rtl:mr-2">
<label htmlFor="sendInviteEmail" className="font-medium text-gray-700"> <label htmlFor="sendInviteEmail" className="font-medium text-gray-700">
{t("send_invite_email")} {t("send_invite_email")}
</label> </label>

22
pages/event-types/[type].tsx
View file

@ -399,13 +399,17 @@ const EventTypePage = (props: inferSSRProps<typeof getServerSideProps>) => {
{location.type === LocationType.InPerson && ( {location.type === LocationType.InPerson && (
<div className="flex flex-grow items-center"> <div className="flex flex-grow items-center">
<LocationMarkerIcon className="h-6 w-6" /> <LocationMarkerIcon className="h-6 w-6" />
<span className="rtl:mr-2text-sm ltr:ml-2">{location.address}</span> <input
disabled
className="w-full border-0 bg-transparent text-sm ltr:ml-2 rtl:mr-2"
value={location.address}
/>
</div> </div>
)} )}
{location.type === LocationType.Phone && ( {location.type === LocationType.Phone && (
<div className="flex flex-grow items-center"> <div className="flex flex-grow items-center">
<PhoneIcon className="h-6 w-6" /> <PhoneIcon className="h-6 w-6" />
<span className="rtl:mr-2text-sm ltr:ml-2">{t("phone_call")}</span> <span className="text-sm ltr:ml-2 rtl:mr-2">{t("phone_call")}</span>
</div> </div>
)} )}
{location.type === LocationType.GoogleMeet && ( {location.type === LocationType.GoogleMeet && (
@ -436,7 +440,7 @@ const EventTypePage = (props: inferSSRProps<typeof getServerSideProps>) => {
<path d="M0 16H16V37.3333H0" fill="#2684FC" /> <path d="M0 16H16V37.3333H0" fill="#2684FC" />
</svg> </svg>
<span className="rtl:mr-2text-sm ltr:ml-2">Google Meet</span> <span className="text-sm ltr:ml-2 rtl:mr-2">Google Meet</span>
</div> </div>
)} )}
{location.type === LocationType.Huddle01 && ( {location.type === LocationType.Huddle01 && (
@ -509,7 +513,7 @@ const EventTypePage = (props: inferSSRProps<typeof getServerSideProps>) => {
fillRule="evenodd"></path> fillRule="evenodd"></path>
</g> </g>
</svg> </svg>
<span className="rtl:mr-2text-sm ltr:ml-2">Daily.co Video</span> <span className="text-sm ltr:ml-2 rtl:mr-2">Daily.co Video</span>
</div> </div>
)} )}
{location.type === LocationType.Zoom && ( {location.type === LocationType.Zoom && (
@ -536,7 +540,7 @@ const EventTypePage = (props: inferSSRProps<typeof getServerSideProps>) => {
fill="white" fill="white"
/> />
</svg> </svg>
<span className="rtl:mr-2text-sm ltr:ml-2">Zoom Video</span> <span className="text-sm ltr:ml-2 rtl:mr-2">Zoom Video</span>
</div> </div>
)} )}
{location.type === LocationType.Tandem && ( {location.type === LocationType.Tandem && (
@ -925,7 +929,7 @@ const EventTypePage = (props: inferSSRProps<typeof getServerSideProps>) => {
<div className="w-0 flex-1"> <div className="w-0 flex-1">
<div className="truncate"> <div className="truncate">
<span <span
className="rtl:mr-2text-sm ltr:ml-2" className="text-sm ltr:ml-2 rtl:mr-2"
title={`${t("label")}: ${customInput.label}`}> title={`${t("label")}: ${customInput.label}`}>
{t("label")}: {customInput.label} {t("label")}: {customInput.label}
</span> </span>
@ -933,19 +937,19 @@ const EventTypePage = (props: inferSSRProps<typeof getServerSideProps>) => {
{customInput.placeholder && ( {customInput.placeholder && (
<div className="truncate"> <div className="truncate">
<span <span
className="rtl:mr-2text-sm ltr:ml-2" className="text-sm ltr:ml-2 rtl:mr-2"
title={`${t("placeholder")}: ${customInput.placeholder}`}> title={`${t("placeholder")}: ${customInput.placeholder}`}>
{t("placeholder")}: {customInput.placeholder} {t("placeholder")}: {customInput.placeholder}
</span> </span>
</div> </div>
)} )}
<div> <div>
<span className="rtl:mr-2text-sm ltr:ml-2"> <span className="text-sm ltr:ml-2 rtl:mr-2">
{t("type")}: {customInput.type} {t("type")}: {customInput.type}
</span> </span>
</div> </div>
<div> <div>
<span className="rtl:mr-2text-sm ltr:ml-2"> <span className="text-sm ltr:ml-2 rtl:mr-2">
{customInput.required ? t("required") : t("optional")} {customInput.required ? t("required") : t("optional")}
</span> </span>
</div> </div>