interesting
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

correct inconsistency in spacing "Sort By" for narrow screens (#3938) 

Mimicked the approach used in other tabs under "My Library":
* Adding bottom margin to search field to keep distance from "Sort By"
* Fixing extra left margin on "Sort By" for narrow screens
* Removed the `ml-2` class so that `!important` is no longer needed
* Removed unnecessary `!important` from account video search field width
This commit is contained in:
aschaap 2021-04-08 04:44:43 -04:00 committed by GitHub
parent 20373985c0
commit 9a8c02c9da
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 7 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
client/src/app/+my-library/my-videos/my-videos.component.html
View File

@ -26,7 +26,7 @@
<span class="sr-only" i18n>Clear filters</span>
</div>
<div class="peertube-select-container peertube-select-button ml-2">
<div class="peertube-select-container peertube-select-button">
<select [(ngModel)]="sort" (ngModelChange)="onChangeSortColumn()" class="form-control">
<option value="undefined" disabled>Sort by</option>
<option value="-publishedAt" i18n>Last published first</option>

7
client/src/app/+my-library/my-videos/my-videos.component.scss
View File

@ -7,6 +7,7 @@ input[type=text] {
.peertube-select-container {
@include peertube-select-container(auto);
margin-left: 0.5rem;
}
h1 {
@ -67,7 +68,11 @@ my-edit-button {
flex-direction: column;
input[type=text] {
width: 100% !important;
width: 100%;
margin-bottom: 12px;
}
.peertube-select-container {
margin-left: 0;
}
}