diff options
author | kimsible <kimsible@users.noreply.github.com> | 2020-08-03 13:55:48 +0200 |
---|---|---|
committer | Chocobozzz <chocobozzz@cpy.re> | 2020-08-03 16:52:40 +0200 |
commit | d607fc24631808fc70ce9fb8ddc323d8f856f8ed (patch) | |
tree | 706429e5e375f3ec6bedf9b6369e90fa117b2eac /client/src/app/+my-account/my-account-videos | |
parent | b12ce2b8511039968faabe5a9eeee60ab36521eb (diff) | |
download | PeerTube-d607fc24631808fc70ce9fb8ddc323d8f856f8ed.tar.gz PeerTube-d607fc24631808fc70ce9fb8ddc323d8f856f8ed.tar.zst PeerTube-d607fc24631808fc70ce9fb8ddc323d8f856f8ed.zip |
Fix regressions sub-menu titles on mobile-view
Diffstat (limited to 'client/src/app/+my-account/my-account-videos')
-rw-r--r-- | client/src/app/+my-account/my-account-videos/my-account-videos.component.html | 9 | ||||
-rw-r--r-- | client/src/app/+my-account/my-account-videos/my-account-videos.component.scss | 14 |
2 files changed, 16 insertions, 7 deletions
diff --git a/client/src/app/+my-account/my-account-videos/my-account-videos.component.html b/client/src/app/+my-account/my-account-videos/my-account-videos.component.html index 779b42ab7..f2ed0ac99 100644 --- a/client/src/app/+my-account/my-account-videos/my-account-videos.component.html +++ b/client/src/app/+my-account/my-account-videos/my-account-videos.component.html | |||
@@ -1,16 +1,19 @@ | |||
1 | <h1 class="d-flex justify-content-between"> | 1 | <h1> |
2 | <span> | 2 | <span> |
3 | <my-global-icon iconName="videos" aria-hidden="true"></my-global-icon> | 3 | <my-global-icon iconName="videos" aria-hidden="true"></my-global-icon> |
4 | <ng-container i18n>My videos</ng-container> | 4 | <ng-container i18n>My videos</ng-container> |
5 | <span class="badge badge-secondary"> {{ pagination.totalItems }}</span> | 5 | <span class="badge badge-secondary"> {{ pagination.totalItems }}</span> |
6 | </span> | 6 | </span> |
7 | </h1> | ||
7 | 8 | ||
9 | <div class="videos-header d-flex justify-content-between"> | ||
8 | <div class="has-feedback has-clear"> | 10 | <div class="has-feedback has-clear"> |
9 | <input type="text" placeholder="Search your videos" i18n-placeholder [(ngModel)]="videosSearch" (ngModelChange)="onVideosSearchChanged()" /> | 11 | <input type="text" placeholder="Search your videos" i18n-placeholder [(ngModel)]="videosSearch" |
12 | (ngModelChange)="onVideosSearchChanged()" /> | ||
10 | <a class="glyphicon glyphicon-remove-sign form-control-feedback form-control-clear" (click)="resetSearch()"></a> | 13 | <a class="glyphicon glyphicon-remove-sign form-control-feedback form-control-clear" (click)="resetSearch()"></a> |
11 | <span class="sr-only" i18n>Clear filters</span> | 14 | <span class="sr-only" i18n>Clear filters</span> |
12 | </div> | 15 | </div> |
13 | </h1> | 16 | </div> |
14 | 17 | ||
15 | <my-videos-selection | 18 | <my-videos-selection |
16 | [pagination]="pagination" | 19 | [pagination]="pagination" |
diff --git a/client/src/app/+my-account/my-account-videos/my-account-videos.component.scss b/client/src/app/+my-account/my-account-videos/my-account-videos.component.scss index 0930b1959..246f46320 100644 --- a/client/src/app/+my-account/my-account-videos/my-account-videos.component.scss +++ b/client/src/app/+my-account/my-account-videos/my-account-videos.component.scss | |||
@@ -56,10 +56,6 @@ my-edit-button { | |||
56 | } | 56 | } |
57 | 57 | ||
58 | @media screen and (max-width: $small-view) { | 58 | @media screen and (max-width: $small-view) { |
59 | .videos-header { | ||
60 | flex-direction: column; | ||
61 | } | ||
62 | |||
63 | .action-button { | 59 | .action-button { |
64 | flex-direction: column; | 60 | flex-direction: column; |
65 | align-self: center; | 61 | align-self: center; |
@@ -119,3 +115,13 @@ my-edit-button { | |||
119 | } | 115 | } |
120 | } | 116 | } |
121 | } | 117 | } |
118 | |||
119 | @media screen and (max-width: $mobile-view) { | ||
120 | .videos-header { | ||
121 | flex-direction: column; | ||
122 | |||
123 | input[type=text] { | ||
124 | width: 100% !important; | ||
125 | } | ||
126 | } | ||
127 | } | ||