forks/peertube
1
0
Fork 0
Code Releases Activity

Add tooltip to maximize button and remove grey background

Browse source
This commit is contained in:
kimsible 2020-11-21 23:35:58 +01:00 committed by Rigel Kent
parent 63703d8cee
commit 01d0147ef5
3 changed files with 20 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
client/src/app/shared/shared-forms/markdown-textarea.component.html
View file

@ -24,11 +24,11 @@
</ng-container>
<my-button
*ngIf="!isMaximized" icon="fullscreen" (click)="onMaximizeClick()"
*ngIf="!isMaximized" [title]="maximizeInText" className="maximize-button" icon="fullscreen" (click)="onMaximizeClick()"
></my-button>
<my-button
*ngIf="isMaximized" icon="exit-fullscreen" (click)="onMaximizeClick()"
*ngIf="isMaximized" [title]="maximizeOutText" className="maximize-button" icon="exit-fullscreen" (click)="onMaximizeClick()"
></my-button>
</div>

18
client/src/app/shared/shared-forms/markdown-textarea.component.scss
View file

@ -42,8 +42,20 @@ $input-border-radius: 3px;
display: none !important;
}
.grey-button {
padding: 0 7px 0 12px;
.maximize-button {
padding: 0 7px;
cursor: pointer;
svg {
stroke: var(--mainForegroundColor);
opacity: 0.6;
}
&:hover, &:active {
svg {
opacity: 1;
}
}
}
}
}
@ -77,7 +89,7 @@ $input-border-radius: 3px;
opacity: .7;
}
.grey-button {
.maximize-button {
margin-left: 5px;
}
}

3
client/src/app/shared/shared-forms/markdown-textarea.component.ts
View file

@ -35,6 +35,9 @@ export class MarkdownTextareaComponent implements ControlValueAccessor, OnInit {
previewHTML = ''
isMaximized = false
maximizeInText = $localize`Maximize editor`
maximizeOutText = $localize`Exit maximized editor`
private contentChanged = new Subject<string>()
private scrollPosition: [number, number]