public-offering
/
cal.pub0.org
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixed height of recurring event select (#4213)

pull/4217/head^2
Peer Richelsen 2022-09-06 21:01:05 +02:00 committed by GitHub
parent 00d50f0285
commit 851fb25430
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 10 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
apps/web/components/v2/eventtype/RecurringEventController.tsx
View File

@ -72,7 +72,7 @@ export default function RecurringEventController({
type="number" type="number"
min="1" min="1"
max="20" max="20"
className="block w-16 rounded-md border-gray-300 text-sm [appearance:textfield] ltr:mr-2 rtl:ml-2" className="block h-[36px] w-16 rounded-md border-gray-300 text-sm [appearance:textfield] ltr:mr-2 rtl:ml-2"
defaultValue={recurringEventState.interval} defaultValue={recurringEventState.interval}
onChange={(event) => { onChange={(event) => {
const newVal = { const newVal = {
@ -87,7 +87,7 @@ export default function RecurringEventController({
options={recurringEventFreqOptions} options={recurringEventFreqOptions}
value={recurringEventFreqOptions[recurringEventState.freq]} value={recurringEventFreqOptions[recurringEventState.freq]}
isSearchable={false} isSearchable={false}
className="w-18 block min-w-0 rounded-md text-sm" className="w-18 block h-[36px] min-w-0 rounded-md text-sm"
onChange={(event) => { onChange={(event) => {
const newVal = { const newVal = {
...recurringEventState, ...recurringEventState,
@ -99,12 +99,12 @@ export default function RecurringEventController({
/> />
</div> </div>
<div className="mt-4 flex items-center"> <div className="mt-4 flex items-center">
<p className="mr-2 text-neutral-900">{t("max")}</p> <p className="mr-2 text-neutral-900">{t("for_a_maximum_of")}</p>
<input <input
type="number" type="number"
min="1" min="1"
max="20" max="20"
className="block w-16 rounded-md border-gray-300 text-sm [appearance:textfield] ltr:mr-2 rtl:ml-2" className="block h-[36px] w-16 rounded-md border-gray-300 text-sm [appearance:textfield] ltr:mr-2 rtl:ml-2"
defaultValue={recurringEventState.count} defaultValue={recurringEventState.count}
onChange={(event) => { onChange={(event) => {
const newVal = { const newVal = {
@ -116,7 +116,7 @@ export default function RecurringEventController({
}} }}
/> />
<p className="mr-2 text-neutral-900"> <p className="mr-2 text-neutral-900">
{t("occurrence", { {t("events", {
count: recurringEventState.count, count: recurringEventState.count,
})} })}
</p> </p>

5
apps/web/public/static/locales/en/common.json
View File

@ -1150,5 +1150,8 @@
"attendee_name_info":"The person booking's name", "attendee_name_info":"The person booking's name",
"to": "To", "to": "To",
"attendee_required_enter_number": "This will require the attendee to enter a phone number when booking", "attendee_required_enter_number": "This will require the attendee to enter a phone number when booking",
"workflow_turned_on_successfully": "{{workflowName}} workflow turned {{offOn}} successfully" "workflow_turned_on_successfully": "{{workflowName}} workflow turned {{offOn}} successfully",
"for_a_maximum_of": "For a maximum of",
"event_one": "event",
"event_other": "events"
} }

3
packages/ui/v2/core/form/Select.tsx
View File

@ -34,7 +34,7 @@ function Select<
return ( return (
<ReactSelect <ReactSelect
className={classNames( className={classNames(
"cal-react-select-container block h-[36px] w-full min-w-0 flex-1 rounded-md text-sm ", "cal-react-select-container block h-[36px] w-full min-w-0 flex-1 rounded-md text-sm",
className className
)} )}
classNamePrefix="cal-react-select" classNamePrefix="cal-react-select"
@ -44,7 +44,6 @@ function Select<
colors: { colors: {
...theme.colors, ...theme.colors,
primary: "var(--brand-color)", primary: "var(--brand-color)",
primary50: "rgba(209 , 213, 219, var(--tw-bg-opacity))", primary50: "rgba(209 , 213, 219, var(--tw-bg-opacity))",
primary25: "rgba(244, 245, 246, var(--tw-bg-opacity))", primary25: "rgba(244, 245, 246, var(--tw-bg-opacity))",
}, },