Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Search field improvements #4199

Merged
merged 5 commits into from
Feb 16, 2023
Merged

Conversation

fritzSF
Copy link
Contributor

@fritzSF fritzSF commented Feb 6, 2023

No description provided.

<div className="search-handler" role="search">
<label
className="trigger-icon"
htmlFor="vocabulary-search"
aria-label={gettext('Toggle search')}
onClick={() => {
this.setState({searchExtended: !this.state.searchExtended});
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

if change removes usages of a variable, variable declaration has to be removed too - in this case in type definition and constructor. see searchExtended

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Done

@@ -350,7 +350,10 @@ export class ArticlesListByQueryWithFilters extends React.PureComponent<IProps,
</h3>
<Badge type="default">{itemsCount}</Badge>
</div>
<div style={{marginLeft: 10, flexGrow: 1}}>
<div
className="sd-display--flex sd-flex--grow
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

double quotes don't support being used across multiple lines.

instead use:

<div
    className={classnames(
        'class1',
        'class2',
        'class3',
    )}
/>

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Done.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Good to know :)

<label
htmlFor={_uniqueId}
className="trigger-icon"
onClick={this.toggleSearchBar}
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

if change removes usages of a variable, variable declaration has to be removed too

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Done

}

// Padding
.sd-padding-s {
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

it'd be clearer to use padding-start instead of padding-s. padding-s might as well be understood as "padding small". I'd use the full word for e too.

Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Done

@tomaskikutis tomaskikutis merged commit 15cb066 into superdesk:develop Feb 16, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants