Mastodon
/
Sengi-Windows-MacOS-Linux
mirror of https://github.com/NicolasConstant/sengi
1
0
Fork 0
Code Issues Releases Wiki Activity

added filters UI

This commit is contained in:
Nicolas Constant 2019-06-23 20:14:25 -04:00
parent af45279efa
commit 0fa56da2e4
No known key found for this signature in database
GPG Key ID: 1E9F677FB01A5688
2 changed files with 46 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

33
src/app/components/stream/stream-edition/stream-edition.component.html
View File

@ -1,7 +1,30 @@
<div class="stream-edition"> <div class="stream-edition">
<button (click)="delete()" class="stream-edition__button stream-edition__button--delete" title="remove column"><fa-icon [icon]="faTimes"></fa-icon> <span class="stream-edition__button--delete--label">remove</span></button> <div class="stream-edition__settings">
<div class="stream-edition__setting">
<input class="stream-edition__setting--checkbox" type="checkbox" id="hideBoost"> <label for="hideBoost" class="noselect">hide
boosts</label><br />
</div>
<div class="stream-edition__setting">
<input class="stream-edition__setting--checkbox" type="checkbox" id="hideReplies"> <label for="hideReplies" class="noselect">hide
replies</label><br />
</div>
<div class="stream-edition__setting">
<input class="stream-edition__setting--checkbox" type="checkbox" id="hideBots"> <label for="hideBots" class="noselect">hide
bots</label><br />
</div>
</div>
<div>
<button (click)="delete()" class="stream-edition__button stream-edition__button--delete" title="remove column">
<fa-icon [icon]="faTimes"></fa-icon> <span class="stream-edition__button--delete--label">remove</span>
</button>
<button (click)="moveRight()" class="stream-edition__button stream-edition__button--move stream-edition__button--move--right" title="move right"><fa-icon [icon]="faChevronRight"></fa-icon></button> <button (click)="moveRight()"
<button (click)="moveLeft()" class="stream-edition__button stream-edition__button--move" title="move left"><fa-icon [icon]="faChevronLeft"></fa-icon></button> class="stream-edition__button stream-edition__button--move stream-edition__button--move--right"
title="move right">
<fa-icon [icon]="faChevronRight"></fa-icon>
</button>
<button (click)="moveLeft()" class="stream-edition__button stream-edition__button--move" title="move left">
<fa-icon [icon]="faChevronLeft"></fa-icon>
</button>
</div>
</div> </div>

18
src/app/components/stream/stream-edition/stream-edition.component.scss
View File

@ -1,10 +1,28 @@
@import "variables"; @import "variables";
@import "commons";
@import "mixins"; @import "mixins";
.stream-edition { .stream-edition {
width: 100%; width: 100%;
// min-height: 50px; // min-height: 50px;
background-color: #222736; background-color: #222736;
border-bottom: 1px solid $color-secondary;
&__settings{
padding: 5px 5px 0 5px;
border-bottom: 1px solid $color-secondary;
}
&__setting{
// outline: 1px solid greenyellow;
padding: 0 10px 0 10px;
&--checkbox {
position: relative;
top: 2px;
margin-right: 5px;
}
}
&__button { &__button {
@include clearButton; @include clearButton;