mirrors/shlink-web-client
1
0
Fork 0
mirror of https://github.com/shlinkio/shlink-web-client.git synced 2024-12-23 01:20:24 +03:00
Code Issues Projects Releases Packages Wiki Activity

Improved tags filtering control

Browse source
This commit is contained in:
Alejandro Celaya 2018-08-10 22:27:50 +02:00
parent c80fea2877
commit b3be7df890
3 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/short-urls/SearchBar.js
View file

@ -1,4 +1,5 @@
import searchIcon from '@fortawesome/fontawesome-free-solid/faSearch'; import searchIcon from '@fortawesome/fontawesome-free-solid/faSearch';
import tagsIcon from '@fortawesome/fontawesome-free-solid/faTags';
import FontAwesomeIcon from '@fortawesome/react-fontawesome'; import FontAwesomeIcon from '@fortawesome/react-fontawesome';
import React from 'react'; import React from 'react';
import { connect } from 'react-redux'; import { connect } from 'react-redux';
@ -41,7 +42,7 @@ export class SearchBar extends React.Component {
{!isEmpty(selectedTags) && ( {!isEmpty(selectedTags) && (
<h4 className="search-bar__selected-tag mt-2"> <h4 className="search-bar__selected-tag mt-2">
<small>Filtering by tags:</small> <FontAwesomeIcon icon={tagsIcon} className="search-bar__tags-icon" />
&nbsp; &nbsp;
{selectedTags.map(tag => <Tag {selectedTags.map(tag => <Tag
text={tag} text={tag}

4
src/short-urls/SearchBar.scss
View file

@ -19,3 +19,7 @@
@include vertical-align(); @include vertical-align();
right: 15px; right: 15px;
} }
.search-bar__tags-icon {
vertical-align: bottom;
}

4
src/utils/Tag.scss
View file

@ -16,6 +16,6 @@
} }
.tag__close-selected-tag.tag__close-selected-tag:hover { .tag__close-selected-tag.tag__close-selected-tag:hover {
color: inherit; color: inherit !important;
opacity: 1; opacity: 1 !important;
} }