nostr/blockcore-notes
1
0
Fork 0
mirror of https://github.com/block-core/blockcore-notes.git synced 2024-09-28 22:10:42 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge branch 'main' of https://github.com/block-core/blockcore-notes

Browse Source
This commit is contained in:
SondreB 2023-01-17 21:26:07 +01:00
commit 6a70b6130c
No known key found for this signature in database
GPG Key ID: D6CC44C75005FDBF
4 changed files with 22 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/app/shared/create-note-dialog/create-note-dialog.html
View File

@ -6,7 +6,7 @@
<mat-icon class="toolbar-icon margin-right" (click)="isEmojiPickerVisible = !isEmojiPickerVisible;" matTooltip="Insert emoji">sentiment_satisfied</mat-icon>
<!-- <mat-icon class="toolbar-icon" (click)="addLink()" matTooltip="Insert link">insert_link</mat-icon> -->
</div>
<emoji-mart class="picker" *ngIf="isEmojiPickerVisible" emoji="point_up" [showPreview]="false" (emojiSelect)="addEmoji($event)" title="Choose your emoji"></emoji-mart>
<emoji-mart class="picker" *ngIf="isEmojiPickerVisible" emoji="point_up" [isNative]="true" [showPreview]="false" (emojiSelect)="addEmoji($event)" title="Choose your emoji"></emoji-mart>
<mat-form-field appearance="fill" class="input-full-width">
<mat-label>Note</mat-label>
<textarea class="note-input" matInput type="text" autocomplete="off" [(ngModel)]="data.note" formControlName="note" rows="6"></textarea>

19
src/app/shared/create-note-dialog/create-note-dialog.scss
View File

@ -2,16 +2,10 @@
width: 100% !important;
}
.picker {
display: block;
position: fixed;
z-index: 3;
}
.toolbar {
display: flex;
margin-bottom: 5px;
margin-top: 3px;
display: flex;
margin-bottom: 5px;
margin-top: 3px;
}
.toolbar-icon {
@ -37,7 +31,12 @@ margin-top: 3px;
// height: 40vh !important;
}
.margin-right{
.margin-right {
margin-right: 5px;
}
.picker {
display: block;
position: fixed;
z-index: 3;
}

4
src/app/shared/event-buttons/event-buttons.html
View File

@ -1,7 +1,7 @@
<div class="thread-actions" [ngClass]="{ 'no-lines': !optionsService.options.showLines, 'lines': optionsService.options.showLines }">
<ng-template [ngIf]="!replyOpen">
<mat-icon class="reaction-icon toolbar-icon" (click)="isEmojiPickerVisible = !isEmojiPickerVisible;" matTooltip="Reaction to post">sentiment_satisfied</mat-icon>
<emoji-mart class="picker" *ngIf="isEmojiPickerVisible" emoji="point_up" [showPreview]="true" (emojiSelect)="addEmoji($event)" title="Choose your reaction"></emoji-mart>
<emoji-mart class="picker" *ngIf="isEmojiPickerVisible" emoji="point_up" [isNative]="true" [showPreview]="true" (emojiSelect)="addEmoji($event)" title="Choose your reaction"></emoji-mart>
<button (click)="openReply()" mat-button>Reply</button>
</ng-template>
<!-- <button mat-button>
@ -17,7 +17,7 @@
<div class="reply-widget-buttons">
<mat-icon class="toolbar-icon margin-right" (click)="isEmojiPickerTextVisible = !isEmojiPickerTextVisible;" matTooltip="Insert emoji in text">sentiment_satisfied</mat-icon>
<emoji-mart class="picker" *ngIf="isEmojiPickerTextVisible" emoji="point_up" [showPreview]="false" (emojiSelect)="addEmojiInText($event)" title="Choose your emoji"></emoji-mart>
<emoji-mart class="picker" *ngIf="isEmojiPickerTextVisible" emoji="point_up" [isNative]="true" [showPreview]="false" (emojiSelect)="addEmojiInText($event)" title="Choose your emoji"></emoji-mart>
<div class="reply-widget-middle"></div>
<small class="error" *ngIf="error">{{ error }}</small>
<button mat-stroked-button (click)="hideReply()" color="primary">Cancel</button>

10
src/styles.scss
View File

@ -706,6 +706,16 @@ mat-card-footer {
margin-top: 1em;
}
.emoji-mart-scroll {
height: 205px !important;
padding: 0 !important;
}
.emoji-mart-emoji:hover:before {
top: 2px !important;
left: 4px !important;
}
@media only screen and (max-width: 599px) {
.full-width-dialog {
max-width: 100vw !important;