34 lines
743 B
HTML
34 lines
743 B
HTML
<style>
|
|
:host {
|
|
display: block;
|
|
}
|
|
.text-widget {
|
|
position: relative;
|
|
padding-bottom: 1em;
|
|
}
|
|
.text-widget:hover {
|
|
/*outline: solid 1px black;/**/
|
|
border-radius: 3px;
|
|
}
|
|
|
|
.editable-hovered {
|
|
position: absolute;
|
|
right: 0;
|
|
top: -2em;
|
|
}
|
|
|
|
.text-widget .editable-hovered {
|
|
visibility: hidden;
|
|
}
|
|
.text-widget:hover .editable-hovered {
|
|
visibility: visible;
|
|
}
|
|
</style>
|
|
<div class="text-widget">
|
|
<div class="editable-hovered">
|
|
<button mat-icon-button (click)="edit()"><img src="/assets/img/edit-outline.svg"/></button>
|
|
<button mat-icon-button (click)="delete()"><img src="/assets/img/recycle-bin-line.svg"/></button>
|
|
</div>
|
|
<markdown [data]="this.data.text"></markdown>
|
|
</div>
|