diff options
author | Chocobozzz <florian.bigard@gmail.com> | 2017-04-21 11:06:33 +0200 |
---|---|---|
committer | Chocobozzz <florian.bigard@gmail.com> | 2017-04-26 21:23:19 +0200 |
commit | 383bfc8356d444cbed1dab7e5c1b3bb16becfdfd (patch) | |
tree | ae0541d99056d75b08f14e8e4ea73f67f173d942 /client/src/app/shared/search/search.component.html | |
parent | 240c64c5f4277f0ce36c094f0663bd30d264ec40 (diff) | |
download | PeerTube-383bfc8356d444cbed1dab7e5c1b3bb16becfdfd.tar.gz PeerTube-383bfc8356d444cbed1dab7e5c1b3bb16becfdfd.tar.zst PeerTube-383bfc8356d444cbed1dab7e5c1b3bb16becfdfd.zip |
Client: responsive design
Diffstat (limited to 'client/src/app/shared/search/search.component.html')
-rw-r--r-- | client/src/app/shared/search/search.component.html | 20 |
1 files changed, 13 insertions, 7 deletions
diff --git a/client/src/app/shared/search/search.component.html b/client/src/app/shared/search/search.component.html index 0c7b5038a..b03b977dc 100644 --- a/client/src/app/shared/search/search.component.html +++ b/client/src/app/shared/search/search.component.html | |||
@@ -1,17 +1,23 @@ | |||
1 | |||
1 | <div class="input-group"> | 2 | <div class="input-group"> |
2 | <div class="input-group-btn" dropdown> | 3 | |
4 | <span class="input-group-addon icon-addon"> | ||
5 | <span class="glyphicon glyphicon-search"></span> | ||
6 | </span> | ||
7 | |||
8 | <input | ||
9 | type="text" id="search-video" name="search-video" class="form-control" placeholder="Search" class="form-control" | ||
10 | [(ngModel)]="searchCriterias.value" (keyup.enter)="doSearch()" | ||
11 | > | ||
12 | |||
13 | <div class="input-group-btn" dropdown placement="bottom right"> | ||
3 | <button id="simple-btn-keyboard-nav" type="button" class="btn btn-default" dropdownToggle> | 14 | <button id="simple-btn-keyboard-nav" type="button" class="btn btn-default" dropdownToggle> |
4 | {{ getStringChoice(searchCriterias.field) }} <span class="caret"></span> | 15 | {{ getStringChoice(searchCriterias.field) }} <span class="caret"></span> |
5 | </button> | 16 | </button> |
6 | <ul class="dropdown-menu" role="menu" aria-labelledby="simple-btn-keyboard-nav" *dropdownMenu> | 17 | <ul class="dropdown-menu dropdown-menu-right" role="menu" aria-labelledby="simple-btn-keyboard-nav" *dropdownMenu> |
7 | <li *ngFor="let choice of choiceKeys" class="dropdown-item" role="menu-item"> | 18 | <li *ngFor="let choice of choiceKeys" class="dropdown-item" role="menu-item"> |
8 | <a class="dropdown-item" href="#" (click)="choose($event, choice)">{{ getStringChoice(choice) }}</a> | 19 | <a class="dropdown-item" href="#" (click)="choose($event, choice)">{{ getStringChoice(choice) }}</a> |
9 | </li> | 20 | </li> |
10 | </ul> | 21 | </ul> |
11 | </div> | 22 | </div> |
12 | |||
13 | <input | ||
14 | type="text" id="search-video" name="search-video" class="form-control" placeholder="Search a video..." class="form-control" | ||
15 | [(ngModel)]="searchCriterias.value" (keyup.enter)="doSearch()" | ||
16 | > | ||
17 | </div> | 23 | </div> |