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

better positionning of "remove column"

This commit is contained in:
Nicolas Constant 2019-06-23 19:47:14 -04:00
parent 06982bd891
commit af45279efa
No known key found for this signature in database
GPG Key ID: 1E9F677FB01A5688
2 changed files with 24 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,5 +1,7 @@
<div class="stream-edition">
<button (click)="moveLeft()" class="stream-edition__button" title="move left"><fa-icon [icon]="faChevronLeft"></fa-icon></button>
<button (click)="moveRight()" class="stream-edition__button" title="move right"><fa-icon [icon]="faChevronRight"></fa-icon></button>
<button (click)="delete()" class="stream-edition__button stream-edition__button--delete" title="remove column"><fa-icon [icon]="faTimes"></fa-icon></button>
<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)="moveLeft()" class="stream-edition__button stream-edition__button--move" title="move left"><fa-icon [icon]="faChevronLeft"></fa-icon></button>
</div>

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

@ -5,14 +5,30 @@
width: 100%;
// min-height: 50px;
background-color: #222736;
&__button {
@include clearButton;
padding: 5px 10px 5px 10px;
margin: 3px 0;
&--delete{
&--delete {
// float: right;
margin-left: 5px;
&--label {
position: relative;
top: -1px;
left: 7px;
}
}
&--move {
float: right;
&--right {
margin-right: 5px;
}
}
&:hover {
color: darken($font-color-primary, 20);