Notification Profiles: Fix scrollbars in the time picker

This commit is contained in:
Scott Nonnenberg
2025-12-18 02:44:29 +10:00
committed by GitHub
parent 11b1b30ca6
commit ec9a31007b
2 changed files with 25 additions and 7 deletions

View File

@@ -1974,7 +1974,11 @@ function TimePicker({
theme ? themeClassName2(theme) : undefined
)}
>
<div className={tw('w-[46px] overflow-y-scroll')}>
<div
className={tw(
'w-[46px] overflow-y-scroll scrollbar-width-none'
)}
>
{(use24HourTime ? HOURS_24 : HOURS_12).map(hour => {
const isSelected = hour === hours;
@@ -1983,7 +1987,9 @@ function TimePicker({
key={hour.toString()}
ref={isSelected ? selectedHour : null}
className={classNames(
tw('w-[46px] rounded-sm py-[7px] type-body-medium'),
tw(
'w-[46px] rounded-sm border-[2.5px] border-transparent py-[7px] type-body-medium outline-none focus:border-border-focused'
),
isSelected ? tw('bg-fill-secondary') : null
)}
type="button"
@@ -1997,7 +2003,11 @@ function TimePicker({
);
})}
</div>
<div className={tw('ms-0.5 w-[46px] overflow-y-scroll')}>
<div
className={tw(
'ms-0.5 w-[46px] overflow-y-scroll scrollbar-width-none'
)}
>
{MINUTES.map(minute => {
const isSelected = minute === minutes;
@@ -2006,7 +2016,9 @@ function TimePicker({
key={minute.toString()}
ref={isSelected ? selectedMinute : null}
className={classNames(
tw('w-[46px] rounded-sm py-[7px] type-body-medium'),
tw(
'w-[46px] rounded-sm border-[2.5px] border-transparent py-[7px] type-body-medium outline-none focus:border-border-focused'
),
isSelected ? tw('bg-fill-secondary') : null
)}
type="button"
@@ -2021,7 +2033,11 @@ function TimePicker({
})}
</div>
{!use24HourTime ? (
<div className={tw('ms-0.5 w-[46px] overflow-y-scroll')}>
<div
className={tw(
'ms-0.5 w-[46px] overflow-y-scroll scrollbar-width-none'
)}
>
{AM_PM.map(item => {
const isSelected = item === period;
@@ -2029,7 +2045,9 @@ function TimePicker({
<button
key={item}
className={classNames(
tw('w-[46px] rounded-sm py-[7px] type-body-medium'),
tw(
'w-[46px] rounded-sm border-[2.5px] border-transparent py-[7px] type-body-medium outline-none focus:border-border-focused'
),
isSelected ? tw('bg-fill-secondary') : null
)}
type="button"

View File

@@ -449,7 +449,7 @@ async function generateManifest(
: notificationProfiles;
if (notificationProfileSyncDisabled) {
const localOnlyCount =
notificationProfilesToUpload.length - notificationProfiles.length;
notificationProfiles.length - notificationProfilesToUpload.length;
log.info(
`upload(${version}): ` +
`sync=OFF; adding notificationProfiles=${notificationProfilesToUpload.length}, excluding ${localOnlyCount} local profiles`