Skip to content

Commit 4daa84b

Browse files
dbkrdbkr
committed
Update button sizes
1 parent efc4044 commit 4daa84b

6 files changed

Lines changed: 16 additions & 16 deletions

File tree

‎packages/shared-components/src/event-tiles/UrlPreviewGroupView/UrlPreviewGroupView.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -52,7 +52,7 @@ export function UrlPreviewGroupView({ vm }: UrlPreviewGroupViewProps): JSX.Eleme
5252
let toggleButton: JSX.Element | undefined;
5353
if (overPreviewLimit) {
5454
toggleButton = (
55-
<Button className={styles.toggleButton} kind="tertiary" size="sm" onClick={vm.onTogglePreviewLimit}>
55+
<Button className={styles.toggleButton} kind="tertiary" size="md" onClick={vm.onTogglePreviewLimit}>
5656
{previewsLimited
5757
? _t("timeline|url_preview|show_n_more", { count: totalPreviewCount - previews.length })
5858
: _t("action|collapse")}

‎packages/shared-components/src/room-list/RoomListSearchView/RoomListSearchView.tsx‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -84,7 +84,7 @@ export function RoomListSearchView({ vm }: Readonly<RoomListSearchViewProps>): J
8484
id="room-list-search-button"
8585
className={styles.search}
8686
kind="secondary"
87-
size="sm"
87+
size="md"
8888
Icon={SearchIcon}
8989
onClick={vm.onSearchClick}
9090
>
@@ -96,7 +96,7 @@ export function RoomListSearchView({ vm }: Readonly<RoomListSearchViewProps>): J
9696
{displayDialButton && (
9797
<Button
9898
kind="secondary"
99-
size="sm"
99+
size="md"
100100
Icon={DialPadIcon}
101101
iconOnly={true}
102102
aria-label={_t("left_panel|open_dial_pad")}
@@ -106,7 +106,7 @@ export function RoomListSearchView({ vm }: Readonly<RoomListSearchViewProps>): J
106106
{displayExploreButton && (
107107
<Button
108108
kind="secondary"
109-
size="sm"
109+
size="md"
110110
Icon={ExploreIcon}
111111
iconOnly={true}
112112
aria-label={_t("action|explore_rooms")}

‎packages/shared-components/src/room-list/RoomListView/RoomListEmptyStateView.tsx‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -49,11 +49,11 @@ export const RoomListEmptyStateView: React.FC<RoomListEmptyStateViewProps> = ({
4949
direction="column"
5050
gap="var(--cpd-space-4x)"
5151
>
52-
<Button size="sm" kind="secondary" Icon={ChatIcon} onClick={vm.createChatRoom}>
52+
<Button size="md" kind="secondary" Icon={ChatIcon} onClick={vm.createChatRoom}>
5353
{_t("action|start_chat")}
5454
</Button>
5555
{snapshot.canCreateRoom && (
56-
<Button size="sm" kind="secondary" Icon={RoomIcon} onClick={vm.createRoom}>
56+
<Button size="md" kind="secondary" Icon={RoomIcon} onClick={vm.createRoom}>
5757
{_t("action|new_room")}
5858
</Button>
5959
)}

‎packages/shared-components/src/room/RoomStatusBar/RoomStatusBarView.tsx‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -181,7 +181,7 @@ export function RoomStatusBarView({ vm }: Readonly<RoomStatusBarViewProps>): JSX
181181
onClick={termsAndConditionsClicked}
182182
className={styles.primaryAction}
183183
kind="primary"
184-
size="sm"
184+
size="md"
185185
as="a"
186186
href={snapshot.consentUri}
187187
target="_blank"
@@ -208,7 +208,7 @@ export function RoomStatusBarView({ vm }: Readonly<RoomStatusBarViewProps>): JSX
208208
snapshot.adminContactHref && (
209209
<Button
210210
kind="secondary"
211-
size="sm"
211+
size="md"
212212
as="a"
213213
href={snapshot.adminContactHref}
214214
target="_blank"
@@ -240,7 +240,7 @@ export function RoomStatusBarView({ vm }: Readonly<RoomStatusBarViewProps>): JSX
240240
aria-labelledby={bannerTitleId}
241241
actions={
242242
<Button
243-
size="sm"
243+
size="md"
244244
kind="primary"
245245
className={styles.primaryAction}
246246
Icon={RestartIcon}
@@ -267,7 +267,7 @@ export function RoomStatusBarView({ vm }: Readonly<RoomStatusBarViewProps>): JSX
267267
<>
268268
{vm.onDeleteAllClick && (
269269
<Button
270-
size="sm"
270+
size="md"
271271
kind="secondary"
272272
Icon={DeleteIcon}
273273
className={styles.secondaryAction}
@@ -278,7 +278,7 @@ export function RoomStatusBarView({ vm }: Readonly<RoomStatusBarViewProps>): JSX
278278
)}
279279
{vm.onResendAllClick && (
280280
<Button
281-
size="sm"
281+
size="md"
282282
kind="primary"
283283
Icon={RestartIcon}
284284
onClick={resendClick}

‎packages/shared-components/src/room/timeline/event-tile/EventTileView/TileErrorView/TileErrorView.tsx‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -83,7 +83,7 @@ export function TileErrorView({ vm, className }: Readonly<TileErrorViewProps>):
8383
{eventType && ` (${eventType})`}
8484
</span>
8585
{bugReportCtaLabel && (
86-
<Button kind="secondary" size="sm" onClick={vm.onBugReportClick}>
86+
<Button kind="secondary" size="md" onClick={vm.onBugReportClick}>
8787
{bugReportCtaLabel}
8888
</Button>
8989
)}

‎packages/shared-components/src/room/timeline/event-tile/body/MFileBodyView/FileBodyView.tsx‎

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -205,7 +205,7 @@ export function FileBodyView({ vm, refIFrame, refLink, className }: Readonly<Fil
205205
<MediaBody data-type="info">
206206
<Button
207207
as="button"
208-
size="sm"
208+
size="md"
209209
kind="secondary"
210210
aria-label={resolvedInfoLabel}
211211
Icon={resolvedInfoIcon}
@@ -237,7 +237,7 @@ export function FileBodyView({ vm, refIFrame, refLink, className }: Readonly<Fil
237237
{showDownload && (
238238
<div data-type="download">
239239
{/* Decrypt/download is triggered by the view model action, not by an anchor `href`. */}
240-
<Button size="sm" kind="secondary" Icon={DownloadIcon} onClick={vm.onDownloadClick}>
240+
<Button size="md" kind="secondary" Icon={DownloadIcon} onClick={vm.onDownloadClick}>
241241
{resolvedDownloadLabel}
242242
</Button>
243243
</div>
@@ -257,7 +257,7 @@ export function FileBodyView({ vm, refIFrame, refLink, className }: Readonly<Fil
257257
* We'll use it to learn how the download button
258258
* would have been styled if it was rendered inline.
259259
* this violates multiple eslint rules so ignore it completely */}
260-
<Button size="sm" kind="secondary" Icon={DownloadIcon} as="a" ref={refLink} />
260+
<Button size="md" kind="secondary" Icon={DownloadIcon} as="a" ref={refLink} />
261261
</div>
262262
{/*
263263
TODO: Move iframe (and dummy link) into FileDownloader.
@@ -287,7 +287,7 @@ export function FileBodyView({ vm, refIFrame, refLink, className }: Readonly<Fil
287287
<div data-type="download">
288288
{/* Unencrypted media uses an anchor element with VM-controlled click behavior. */}
289289
<Button
290-
size="sm"
290+
size="md"
291291
kind="secondary"
292292
Icon={DownloadIcon}
293293
as="a"

0 commit comments

Comments
 (0)
⚡