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}
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]}
</span>
</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"
/>
</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">
{t("send_invite_email")}
</label>

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

@ -399,13 +399,17 @@ const EventTypePage = (props: inferSSRProps<typeof getServerSideProps>) => {
{location.type === LocationType.InPerson && (
<div className="flex flex-grow items-center">
<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>
)}
{location.type === LocationType.Phone && (
<div className="flex flex-grow items-center">
<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>
)}
{location.type === LocationType.GoogleMeet && (
@ -436,7 +440,7 @@ const EventTypePage = (props: inferSSRProps<typeof getServerSideProps>) => {
<path d="M0 16H16V37.3333H0" fill="#2684FC" />
</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>
)}
{location.type === LocationType.Huddle01 && (
@ -509,7 +513,7 @@ const EventTypePage = (props: inferSSRProps<typeof getServerSideProps>) => {
fillRule="evenodd"></path>
</g>
</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>
)}
{location.type === LocationType.Zoom && (
@ -536,7 +540,7 @@ const EventTypePage = (props: inferSSRProps<typeof getServerSideProps>) => {
fill="white"
/>
</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>
)}
{location.type === LocationType.Tandem && (
@ -925,7 +929,7 @@ const EventTypePage = (props: inferSSRProps<typeof getServerSideProps>) => {
<div className="w-0 flex-1">
<div className="truncate">
<span
className="rtl:mr-2text-sm ltr:ml-2"
className="text-sm ltr:ml-2 rtl:mr-2"
title={`${t("label")}: ${customInput.label}`}>
{t("label")}: {customInput.label}
</span>
@ -933,19 +937,19 @@ const EventTypePage = (props: inferSSRProps<typeof getServerSideProps>) => {
{customInput.placeholder && (
<div className="truncate">
<span
className="rtl:mr-2text-sm ltr:ml-2"
className="text-sm ltr:ml-2 rtl:mr-2"
title={`${t("placeholder")}: ${customInput.placeholder}`}>
{t("placeholder")}: {customInput.placeholder}
</span>
</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}
</span>
</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")}
</span>
</div>