Add tooltip to maximize button and remove grey background

pull/3348/head
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

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>

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;
}
}

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]