Revision 61508
Added by Stefania Martziou over 2 years ago
| modules/open-science-observatory-ui/branches/groupings-for-graphs/src/app/shared/topmenu/top-menu.component.html | ||
|---|---|---|
| 57 | 57 |
<div class="uk-navbar-center"> |
| 58 | 58 |
|
| 59 | 59 |
<div class="uk-autocomplete uk-form uk-search uk-search-default searchForCountry"> |
| 60 |
<span id="search-icon" uk-search-icon></span> |
|
| 60 |
<span id="search-icon-mobile" uk-search-icon></span>
|
|
| 61 | 61 |
<ng-autocomplete |
| 62 | 62 |
[data]="countriesCollection" |
| 63 | 63 |
[searchKeyword]="keyword" |
| 64 |
placeHolder="Search for a country..."
|
|
| 64 |
[placeholder]="'Search for a country...'"
|
|
| 65 | 65 |
(selected)='selectCountryFromAutocompleteEvent($event)' |
| 66 | 66 |
(inputChanged)='onChangeSearch($event)' |
| 67 | 67 |
(inputFocused)='onFocused($event)' |
| ... | ... | |
| 164 | 164 |
<ng-autocomplete |
| 165 | 165 |
[data]="countriesCollection" |
| 166 | 166 |
[searchKeyword]="keyword" |
| 167 |
placeHolder="Search for a country..."
|
|
| 167 |
[placeholder]="'Search for a country...'"
|
|
| 168 | 168 |
(selected)='selectCountryFromAutocompleteEvent($event)' |
| 169 | 169 |
(inputChanged)='onChangeSearch($event)' |
| 170 | 170 |
(inputFocused)='onFocused($event)' |
| modules/open-science-observatory-ui/branches/groupings-for-graphs/src/assets/css/os-observatory-custom.css | ||
|---|---|---|
| 328 | 328 |
border-radius: 3px; |
| 329 | 329 |
} |
| 330 | 330 |
|
| 331 |
.searchForCountry.uk-search.uk-search-default {
|
|
| 332 |
width: 100%; |
|
| 333 |
background: #FFFFFF 0% 0% no-repeat padding-box; |
|
| 334 |
border: 1px solid #C7C7C7; |
|
| 335 |
border-radius: 4px; |
|
| 336 |
} |
|
| 337 |
|
|
| 338 |
.searchForCountry.uk-search .uk-search-icon {
|
|
| 339 |
color: #4687f4; |
|
| 340 |
z-index: 10; |
|
| 341 |
} |
|
| 342 |
|
|
| 343 |
.autocomplete-container .input-container input {
|
|
| 344 |
padding: 0 15px 0 40px !important; |
|
| 345 |
} |
|
| 346 |
|
|
| 331 | 347 |
/********* Mock chart for country **********/ |
| 332 | 348 |
.epc_chart {
|
| 333 | 349 |
display: block; |
| ... | ... | |
| 1635 | 1651 |
color: var(--primary-color); |
| 1636 | 1652 |
} |
| 1637 | 1653 |
|
| 1638 |
.searchForCountry.uk-search.uk-search-default {
|
|
| 1639 |
width: 100%;
|
|
| 1640 |
background: #FFFFFF 0% 0% no-repeat padding-box;
|
|
| 1641 |
border: 1px solid #C7C7C7;
|
|
| 1642 |
border-radius: 4px;
|
|
| 1643 |
}
|
|
| 1654 |
/*.searchForCountry.uk-search.uk-search-default {*/
|
|
| 1655 |
/*width: 100%;*/
|
|
| 1656 |
/*background: #FFFFFF 0% 0% no-repeat padding-box;*/
|
|
| 1657 |
/*border: 1px solid #C7C7C7;*/
|
|
| 1658 |
/*border-radius: 4px;*/
|
|
| 1659 |
/*}*/
|
|
| 1644 | 1660 |
|
| 1645 |
.searchForCountry.uk-search .uk-search-icon {
|
|
| 1646 |
color: #4687f4;
|
|
| 1647 |
z-index: 10;
|
|
| 1648 |
}
|
|
| 1661 |
/*.searchForCountry.uk-search .uk-search-icon {*/
|
|
| 1662 |
/*color: #4687f4;*/
|
|
| 1663 |
/*z-index: 10;*/
|
|
| 1664 |
/*}*/
|
|
| 1649 | 1665 |
|
| 1650 | 1666 |
.progress {
|
| 1651 | 1667 |
width: 100%; |
| ... | ... | |
| 1743 | 1759 |
padding: 0px; |
| 1744 | 1760 |
} |
| 1745 | 1761 |
|
| 1746 |
.autocomplete-container .input-container input {
|
|
| 1747 |
padding: 0 15px 0 40px !important;
|
|
| 1748 |
}
|
|
| 1762 |
/*.autocomplete-container .input-container input {*/
|
|
| 1763 |
/*padding: 0 15px 0 40px !important;*/
|
|
| 1764 |
/*}*/
|
|
| 1749 | 1765 |
} |
| 1750 | 1766 |
|
Also available in: Unified diff
Fixed the search bar in the top menu