Mastodon/Sengi-Windows-MacOS-Linux
1
0
Fork 0
mirror of https://github.com/NicolasConstant/sengi synced 2025-01-28 01:09:22 +01:00
Code Issues Releases Wiki Activity

added button to delete account

Browse Source
This commit is contained in:
Nicolas Constant 2019-01-29 22:33:49 -05:00
parent f891b7bdbe
commit 4daa0e83b0
No known key found for this signature in database
GPG Key ID: 1E9F677FB01A5688
3 changed files with 45 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
src/app/components/floating-column/manage-account/manage-account.component.html
View File

@ -1,16 +1,16 @@
<div class="panel"> <div class="panel">
<h3 class="panel__title">Manage Account</h3> <h3 class="panel__title">Manage Account</h3>
<div class="account-editor__display-avatar"> <div class="account-editor__display-avatar">
<img class="account-editor__avatar" src="{{account.avatar}}" title="{{ account.info.id }} " /> <img class="account-editor__avatar" src="{{account.avatar}}" title="{{ account.info.id }} " />
</div> </div>
<h4 class="add-column__label">add column:</h4> <h4 class="account__label">add column:</h4>
<a class="add-column__link" href *ngFor="let stream of availableStreams" (click)="addStream(stream)"> <a class="account__link account__blue" href *ngFor="let stream of availableStreams" (click)="addStream(stream)">
{{ stream.name }} {{ stream.name }}
</a> </a>
<!-- <a class="add-column__link" href> <!-- <a class="add-column__link" href>
Global Timeline Global Timeline
</a> </a>
<a class="add-column__link" href> <a class="add-column__link" href>
@ -20,4 +20,9 @@
Lists, Favs, Activitires, etc Lists, Favs, Activitires, etc
</a> --> </a> -->
<h4 class="account__label account__margin-top">remove account from sengi:</h4>
<a class="account__link account__red" href (click)="removeAccount()">
Delete
</a>
</div> </div>

29
src/app/components/floating-column/manage-account/manage-account.component.scss
View File

@ -20,25 +20,48 @@
} }
} }
.add-column { .account {
&__label { &__label {
// text-decoration: underline; // text-decoration: underline;
font-size: $small-font-size; font-size: $small-font-size;
margin-left: 5px; margin-left: 5px;
color: $font-color-secondary; color: $font-color-secondary;
} }
&__margin-top {
margin-top: 25px;
}
&__link { &__link {
text-decoration: none; text-decoration: none;
display: block; // width: calc(100% - 20px); display: block; // width: calc(100% - 20px);
width: 100%; // height: 30px; width: 100%; // height: 30px;
padding: 5px 10px; // border: solid 1px black; padding: 5px 10px; // border: solid 1px black;
background-color: $color-primary;
color: #fff;
&:not(:last-child) { &:not(:last-child) {
margin-bottom: 5px; margin-bottom: 5px;
} }
}
&__mid-link {
text-decoration: none;
display: block; // width: calc(100% - 20px);
width: 45%; // height: 30px;
padding: 5px 10px; // border: solid 1px black;
&:not(:last-child) {
margin-bottom: 5px;
}
}
&__blue {
background-color: $color-primary;
color: #fff;
&:hover { &:hover {
background-color: lighten($color-primary, 15); background-color: lighten($color-primary, 15);
} }
} }
&__red {
$red-button-color: rgb(65, 3, 3);
background-color: $red-button-color;
color: #fff;
&:hover {
background-color: lighten($red-button-color, 15);
}
}
} }

5
src/app/components/floating-column/manage-account/manage-account.component.ts
View File

@ -30,4 +30,9 @@ export class ManageAccountComponent implements OnInit {
} }
return false; return false;
} }
removeAccount(): boolean {
return false;
}
} }