Skip to content

Commit e3b589c

Browse files
dogmardogmar
authored
fix: Missing padding in search box (#232)
* Fix spacing in search modal * `yarn graphql:codegen`
1 parent 90a9f7d commit e3b589c

File tree

4 files changed

+49
-44
lines changed

4 files changed

+49
-44
lines changed

‎package.json‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -23,7 +23,7 @@
2323
},
2424
"dependencies": {
2525
"@apollo/client": "3.7.15",
26-
"@docsearch/react": "3.5.0",
26+
"@docsearch/react": "3.5.1",
2727
"@emotion/react": "11.11.1",
2828
"@emotion/styled": "11.11.0",
2929
"@graphql-codegen/add": "5.0.0",

‎src/components/DocSearchStyles.tsx‎

Lines changed: 2 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -4,33 +4,29 @@ const GlobalStyles = createGlobalStyle(({ theme }) => ({
44
':root': {
55
'--docsearch-primary-color': theme.colors['action-primary'],
66
'--docsearch-text-color': 'rgb(28, 30, 33)',
7-
'--docsearch-spacing': theme.spacing.medium,
7+
'--docsearch-spacing': `${theme.spacing.medium}px`,
88
'--docsearch-icon-stroke-width': '1.4',
99
'--docsearch-highlight-color': theme.colors['action-primary'],
1010
'--docsearch-muted-color': 'rgb(150, 159, 175)',
1111
'--docsearch-container-background': 'rgba(101, 108, 133, 0.8)',
1212
'--docsearch-logo-color': theme.colors['action-primary'],
13-
1413
/* modal */
1514
'--docsearch-modal-width': '620px',
1615
'--docsearch-modal-height': '600px',
1716
'--docsearch-modal-background': 'rgb(245, 246, 247)',
1817
'--docsearch-modal-shadow': `inset 1px 1px 0 0 rgba(255, 255, 255, 0.5),
1918
0 3px 8px 0 rgba(85, 90, 100, 1);`,
20-
2119
/* searchbox */
2220
'--docsearch-searchbox-height': '48px',
2321
'--docsearch-searchbox-background': 'rgb(235, 237, 240)',
2422
'--docsearch-searchbox-focus-background': '#fff',
2523
'--docsearch-searchbox-shadow': `inset 0 0 0 1px ${theme.colors.border}`,
26-
2724
/* hit */
28-
'--docsearch-hit-height': theme.spacing.xxxlarge,
25+
'--docsearch-hit-height': `${theme.spacing.xxxlarge}px`,
2926
'--docsearch-hit-color': 'rgb(68, 73, 80)',
3027
'--docsearch-hit-active-color': '#fff',
3128
'--docsearch-hit-background': '#fff',
3229
'--docsearch-hit-shadow': '0 1px 3px 0 rgb(212, 217, 225)',
33-
3430
/* key */
3531
'--docsearch-key-gradient': `linear-gradient(
3632
-225deg,
@@ -39,16 +35,13 @@ const GlobalStyles = createGlobalStyle(({ theme }) => ({
3935
)`,
4036
'--docsearch-key-shadow': `inset 0 -2px 0 0 rgb(205, 205, 230),
4137
inset 0 0 1px 1px #fff, 0 1px 2px 1px rgba(30, 35, 90, 0.4)`,
42-
4338
/* footer */
4439
'--docsearch-footer-height': '44px',
4540
'--docsearch-footer-background': '#fff',
4641
'--docsearch-footer-shadow': `0 -1px 0 0 rgb(224, 227, 232),
4742
0 -3px 6px 0 rgba(69, 98, 155, 0.12)`,
4843
},
49-
5044
/* Darkmode */
51-
5245
'html[data-theme="dark"]': {
5346
'--docsearch-text-color': theme.colors.text,
5447
'--docsearch-container-background': 'rgba(23, 26, 33, 0.6)',
@@ -66,7 +59,6 @@ const GlobalStyles = createGlobalStyle(({ theme }) => ({
6659
'--docsearch-logo-color': theme.colors['text-xlight'],
6760
'--docsearch-muted-color': theme.colors['text-xlight'],
6861
},
69-
7062
/* Overrides */
7163
'.DocSearch': {
7264
...theme.partials.marketingText.body2,
@@ -75,7 +67,6 @@ const GlobalStyles = createGlobalStyle(({ theme }) => ({
7567
{
7668
display: 'none',
7769
},
78-
7970
'.DocSearch-Form:focus-within': {
8071
boxShadow: theme.boxShadows.focused,
8172
},

‎src/generated/graphql.ts‎

Lines changed: 14 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1380,6 +1380,8 @@ export type InviteAttributes = {
13801380
admin?: InputMaybe<Scalars['Boolean']['input']>;
13811381
email?: InputMaybe<Scalars['String']['input']>;
13821382
inviteGroups?: InputMaybe<Array<InputMaybe<BindingAttributes>>>;
1383+
oidcProviderId?: InputMaybe<Scalars['ID']['input']>;
1384+
serviceAccountId?: InputMaybe<Scalars['ID']['input']>;
13831385
};
13841386

13851387
export type InviteConnection = {
@@ -1731,6 +1733,7 @@ export type OidcProvider = {
17311733
consent?: Maybe<ConsentRequest>;
17321734
id: Scalars['ID']['output'];
17331735
insertedAt?: Maybe<Scalars['DateTime']['output']>;
1736+
invites?: Maybe<Array<Maybe<Invite>>>;
17341737
redirectUris?: Maybe<Array<Maybe<Scalars['String']['output']>>>;
17351738
updatedAt?: Maybe<Scalars['DateTime']['output']>;
17361739
};
@@ -3621,6 +3624,7 @@ export type RootQueryType = {
36213624
tokens?: Maybe<PersistedTokenConnection>;
36223625
upgradeQueue?: Maybe<UpgradeQueue>;
36233626
upgradeQueues?: Maybe<Array<Maybe<UpgradeQueue>>>;
3627+
user?: Maybe<User>;
36243628
users?: Maybe<UserConnection>;
36253629
versions?: Maybe<VersionConnection>;
36263630
webhooks?: Maybe<WebhookConnection>;
@@ -4157,6 +4161,11 @@ export type RootQueryTypeUpgradeQueueArgs = {
41574161
};
41584162

41594163

4164+
export type RootQueryTypeUserArgs = {
4165+
id: Scalars['ID']['input'];
4166+
};
4167+
4168+
41604169
export type RootQueryTypeUsersArgs = {
41614170
after?: InputMaybe<Scalars['String']['input']>;
41624171
all?: InputMaybe<Scalars['Boolean']['input']>;
@@ -4738,6 +4747,7 @@ export type User = {
47384747
address?: Maybe<Address>;
47394748
avatar?: Maybe<Scalars['String']['output']>;
47404749
backgroundColor?: Maybe<Scalars['String']['output']>;
4750+
/** the roles attached to this user, only fetch this when querying an individual user */
47414751
boundRoles?: Maybe<Array<Maybe<Role>>>;
47424752
cards?: Maybe<CardConnection>;
47434753
defaultQueueId?: Maybe<Scalars['ID']['output']>;
@@ -4747,11 +4757,14 @@ export type User = {
47474757
email: Scalars['String']['output'];
47484758
emailConfirmBy?: Maybe<Scalars['DateTime']['output']>;
47494759
emailConfirmed?: Maybe<Scalars['Boolean']['output']>;
4760+
/** the groups attached to this user, only fetch this when querying an individual user */
4761+
groups?: Maybe<Array<Maybe<Group>>>;
47504762
hasInstallations?: Maybe<Scalars['Boolean']['output']>;
47514763
hasShell?: Maybe<Scalars['Boolean']['output']>;
47524764
id: Scalars['ID']['output'];
47534765
impersonationPolicy?: Maybe<ImpersonationPolicy>;
47544766
insertedAt?: Maybe<Scalars['DateTime']['output']>;
4767+
invites?: Maybe<Array<Maybe<Invite>>>;
47554768
jwt?: Maybe<Scalars['String']['output']>;
47564769
loginMethod?: Maybe<LoginMethod>;
47574770
name: Scalars['String']['output'];
@@ -4777,6 +4790,7 @@ export type UserAttributes = {
47774790
avatar?: InputMaybe<Scalars['UploadOrUrl']['input']>;
47784791
confirm?: InputMaybe<Scalars['String']['input']>;
47794792
email?: InputMaybe<Scalars['String']['input']>;
4793+
groupIds?: InputMaybe<Array<Scalars['ID']['input']>>;
47804794
loginMethod?: InputMaybe<LoginMethod>;
47814795
name?: InputMaybe<Scalars['String']['input']>;
47824796
onboarding?: InputMaybe<OnboardingState>;

‎yarn.lock‎

Lines changed: 32 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -5,46 +5,46 @@ __metadata:
55
version: 6
66
cacheKey: 8
77

8-
"@algolia/autocomplete-core@npm:1.9.2":
9-
version: 1.9.2
10-
resolution: "@algolia/autocomplete-core@npm:1.9.2"
8+
"@algolia/autocomplete-core@npm:1.9.3":
9+
version: 1.9.3
10+
resolution: "@algolia/autocomplete-core@npm:1.9.3"
1111
dependencies:
12-
"@algolia/autocomplete-plugin-algolia-insights": 1.9.2
13-
"@algolia/autocomplete-shared": 1.9.2
14-
checksum: aa0b9db9f31731d8c6afd644c6fbc5a9b99967caaeb6b2ceb7660d524a95c08a59644a4d235c07dc387aa954739d63844e78da56fe441f75bad337da1f46e815
12+
"@algolia/autocomplete-plugin-algolia-insights": 1.9.3
13+
"@algolia/autocomplete-shared": 1.9.3
14+
checksum: ce78048568660184a4fa3c6548f344a7f5ce0ba45d4cfc233f9756b6d4f360afd5ae3a18efefcd27a626d3a0d6cf22d9cba3e21b217afae62b8e9d11bc4960da
1515
languageName: node
1616
linkType: hard
1717

18-
"@algolia/autocomplete-plugin-algolia-insights@npm:1.9.2":
19-
version: 1.9.2
20-
resolution: "@algolia/autocomplete-plugin-algolia-insights@npm:1.9.2"
18+
"@algolia/autocomplete-plugin-algolia-insights@npm:1.9.3":
19+
version: 1.9.3
20+
resolution: "@algolia/autocomplete-plugin-algolia-insights@npm:1.9.3"
2121
dependencies:
22-
"@algolia/autocomplete-shared": 1.9.2
22+
"@algolia/autocomplete-shared": 1.9.3
2323
peerDependencies:
2424
search-insights: ">= 1 < 3"
25-
checksum: e67370d44abc92ebd30e6caf8b32a8f8e93c952ab30d5c5dda31ac2e1b9bd97a49e02cdc4a9c0ad48e09f89fa58aa452ce1fbfb6880d5aaf737477864ccf1cda
25+
checksum: 030695bf692021c27f52a3d4931efed23032796e326d4ae7957ae91b51c36a10dc2d885fb043909e853f961c994b8e9ff087f50bb918cfa075370562251a199f
2626
languageName: node
2727
linkType: hard
2828

29-
"@algolia/autocomplete-preset-algolia@npm:1.9.2":
30-
version: 1.9.2
31-
resolution: "@algolia/autocomplete-preset-algolia@npm:1.9.2"
29+
"@algolia/autocomplete-preset-algolia@npm:1.9.3":
30+
version: 1.9.3
31+
resolution: "@algolia/autocomplete-preset-algolia@npm:1.9.3"
3232
dependencies:
33-
"@algolia/autocomplete-shared": 1.9.2
33+
"@algolia/autocomplete-shared": 1.9.3
3434
peerDependencies:
3535
"@algolia/client-search": ">= 4.9.1 < 6"
3636
algoliasearch: ">= 4.9.1 < 6"
37-
checksum: 0dac7d4d2877cb945a16516f5e8ae66ad128a6d5ff2571fbbc1e450bbebe9c3bb015c84a982dcfd90f126b4967e8a5ea239aaadceffcc71e0f9218d0851390b6
37+
checksum: 1ab3273d3054b348eed286ad1a54b21807846326485507b872477b827dc688006d4f14233cebd0bf49b2932ec8e29eca6d76e48a3c9e9e963b25153b987549c0
3838
languageName: node
3939
linkType: hard
4040

41-
"@algolia/autocomplete-shared@npm:1.9.2":
42-
version: 1.9.2
43-
resolution: "@algolia/autocomplete-shared@npm:1.9.2"
41+
"@algolia/autocomplete-shared@npm:1.9.3":
42+
version: 1.9.3
43+
resolution: "@algolia/autocomplete-shared@npm:1.9.3"
4444
peerDependencies:
4545
"@algolia/client-search": ">= 4.9.1 < 6"
4646
algoliasearch: ">= 4.9.1 < 6"
47-
checksum: 663ba554d62bfecacd81bce751ef954bdae95d9e36c9825187f22117d877ecb5b835a36b5cc55b0acd3dec5d6e8e9b440607ac53df82ec809976b71155e0e851
47+
checksum: 06014c8b08d30c452de079f48c0235d8fa09904bf511da8dc1b7e491819940fd4ff36b9bf65340242b2e157a26799a3b9aea01feee9c5bf67be3c48d7dff43d7
4848
languageName: node
4949
linkType: hard
5050

@@ -1650,20 +1650,20 @@ __metadata:
16501650
languageName: node
16511651
linkType: hard
16521652

1653-
"@docsearch/css@npm:3.5.0":
1654-
version: 3.5.0
1655-
resolution: "@docsearch/css@npm:3.5.0"
1656-
checksum: 07e4b207f1c18905674012277f8dfaf0984e385b918b2e62b1d4b2a38e631f7161aef83eae6e9be0cf7ce400a608bbdd52bbaacbfb500dcaf5c1d1f98087db44
1653+
"@docsearch/css@npm:3.5.1":
1654+
version: 3.5.1
1655+
resolution: "@docsearch/css@npm:3.5.1"
1656+
checksum: ce84aaf2b7ab653a0512869e7398ea92cd20976d63499c5200afdfe8dec2205371c77ee6d529bbad25767594f5cf89854907372560d506154947ff21ef901434
16571657
languageName: node
16581658
linkType: hard
16591659

1660-
"@docsearch/react@npm:3.5.0":
1661-
version: 3.5.0
1662-
resolution: "@docsearch/react@npm:3.5.0"
1660+
"@docsearch/react@npm:3.5.1":
1661+
version: 3.5.1
1662+
resolution: "@docsearch/react@npm:3.5.1"
16631663
dependencies:
1664-
"@algolia/autocomplete-core": 1.9.2
1665-
"@algolia/autocomplete-preset-algolia": 1.9.2
1666-
"@docsearch/css": 3.5.0
1664+
"@algolia/autocomplete-core": 1.9.3
1665+
"@algolia/autocomplete-preset-algolia": 1.9.3
1666+
"@docsearch/css": 3.5.1
16671667
algoliasearch: ^4.0.0
16681668
peerDependencies:
16691669
"@types/react": ">= 16.8.0 < 19.0.0"
@@ -1676,7 +1676,7 @@ __metadata:
16761676
optional: true
16771677
react-dom:
16781678
optional: true
1679-
checksum: 33cb27c2b574123ba366419ce8ce010ce0f420f0310a230ef39059c2a7a7a84c569859aee9211db0cdd406172d335eec04cdf02e6a1bed04f9a791a72ab18316
1679+
checksum: 560ff968861820586c84f28df76c3caf5c137b60cb1434c54af87b7fda04b32c38bcc0211f88f0c153e650c8857d5a9d8373556be0bbb3accaf4e3f3b51a22a1
16801680
languageName: node
16811681
linkType: hard
16821682

@@ -11913,7 +11913,7 @@ __metadata:
1191311913
resolution: "root-workspace-0b6124@workspace:."
1191411914
dependencies:
1191511915
"@apollo/client": 3.7.15
11916-
"@docsearch/react": 3.5.0
11916+
"@docsearch/react": 3.5.1
1191711917
"@emotion/react": 11.11.1
1191811918
"@emotion/styled": 11.11.0
1191911919
"@graphql-codegen/add": 5.0.0

0 commit comments

Comments
 (0)