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

changed progression icon

Browse Source
This commit is contained in:
Nicolas Constant 2019-07-25 20:25:18 -04:00
parent c97210b205
commit 50d32888b2
No known key found for this signature in database
GPG Key ID: 1E9F677FB01A5688
2 changed files with 5 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
src/app/components/create-status/create-status.component.html
View File

@ -1,8 +1,4 @@
<form class="status-form" (ngSubmit)="onSubmit()">
<div class="status-form__sending" *ngIf="isSending">
<app-waiting-animation class="waiting-icon"></app-waiting-animation>
</div>
<input [(ngModel)]="title" type="text" class="form-control form-control-sm status-editor__title" name="title"
autocomplete="off" placeholder="Title, Content Warning (optional)" title="title, content warning (optional)" />
@ -20,10 +16,12 @@
<div class="status-editor__footer">
<button type="submit" title="reply" class="status-editor__footer--send-button" *ngIf="statusReplyingToWrapper">
<span>REPLY!</span>
<span *ngIf="!isSending">REPLY!</span>
<app-waiting-animation class="waiting-icon" *ngIf="isSending"></app-waiting-animation>
</button>
<button type="submit" title="post" class="status-editor__footer--send-button" *ngIf="!statusReplyingToWrapper">
<span>POST!</span>
<span *ngIf="!isSending">POST!</span>
<app-waiting-animation class="waiting-icon" *ngIf="isSending"></app-waiting-animation>
</button>
<div class="status-editor__footer__counter">
<div class="status-editor__footer__counter--posts" title="number of statuses">

24
src/app/components/create-status/create-status.component.scss
View File

@ -138,21 +138,7 @@ $counter-width: 90px;
.status-form {
position: relative;
font-size: $default-font-size;
&__sending {
position: absolute;
top: 0px;
left: 4px;
right: 4px;
bottom: 4px;
background-color: rgba($column-color, .75);
z-index: 2;
&--waiting {
margin-top: calc(25%);
}
}
&__status {
&::-webkit-resizer {
// border: 2px solid black;
@ -168,14 +154,6 @@ $counter-width: 90px;
}
}
// &__autosuggest {
// display: block;
// margin: auto;
// position: relative;
// top: -5px;
// width: calc(100% - 10px);
// }
&__mention-error {
border: 2px dashed red;
padding: 5px 10px;