minor detail dialog long author text update

This commit is contained in:
john liddell
2020-11-01 21:49:59 -06:00
parent 2b7239192a
commit ff806d8993
2 changed files with 14 additions and 25 deletions

View File

@@ -1,25 +1,16 @@
<div class="addon-detail-view">
<div class="row align-items-start">
<h3 mat-dialog-title class="flex-grow-1">{{ title }}</h3>
<mat-icon
class="close-icon"
color="accent"
[mat-dialog-close]="true"
[ngStyle]="{ cursor: 'pointer' }"
>highlight_off</mat-icon
>
<mat-icon class="close-icon" color="accent" [mat-dialog-close]="true" [ngStyle]="{ cursor: 'pointer' }">
highlight_off</mat-icon>
</div>
<div *ngIf="defaultImageUrl" class="row justify-content-center image-row">
<img class="image" [src]="defaultImageUrl" alt="Addon Picture" />
</div>
<div mat-dialog-content>
<div class="row">
<div
class="mat-subheading-1 flex-grow-1"
translate
[translateParams]="{ authorName: subtitle }"
>
<div class="row align-items-start">
<div class="mat-subheading-1 flex-grow-1 mr-3" translate [translateParams]="{ authorName: subtitle }">
DIALOGS.ADDON_DETAILS.BY_AUTHOR
</div>
<!-- <app-addon-provider-badge
@@ -27,24 +18,17 @@
class="flex-shrink-0"
></app-addon-provider-badge> -->
<span> Go to {{ provider }} &nbsp; </span>
<a appExternalLink [href]="externalUrl">
<a class="icon-link" appExternalLink [href]="externalUrl"
[matTooltip]="'DIALOGS.ADDON_DETAILS.VIEW_IN_BROWSER_BUTTON' | translate">
<mat-icon class="open-in-browser-icon" color="accent">launch</mat-icon>
<!-- {{ "DIALOGS.ADDON_DETAILS.VIEW_IN_BROWSER_BUTTON" | translate }} -->
</a>
</div>
<div class="mat-caption addon-detail-summary">{{ summary }}</div>
</div>
<div mat-dialog-actions class="row align-items-center justify-content-end">
<app-addon-install-button
*ngIf="showInstallButton"
[addonSearchResult]="model.searchResult"
(onViewUpdated)="onInstallUpdated()"
>
<app-addon-install-button *ngIf="showInstallButton" [addonSearchResult]="model.searchResult"
(onViewUpdated)="onInstallUpdated()">
</app-addon-install-button>
<app-addon-update-button
*ngIf="showUpdateButton"
[listItem]="model.listItem"
></app-addon-update-button>
<app-addon-update-button *ngIf="showUpdateButton" [listItem]="model.listItem"></app-addon-update-button>
</div>
</div>

View File

@@ -13,4 +13,9 @@
width: 35vw;
min-width: 380px;
max-width: 600px;
.icon-link {
width: 24px;
height: 24px;
}
}