1
0
Fork 0

Change copy icon (#3867)

* client: change copy icon to glypicon-duplicate

* client: add "copy" text to copy icons
This commit is contained in:
kontrollanten 2021-03-22 14:19:08 +01:00 committed by Chocobozzz
parent 97aeb3cc46
commit 6b1ef95699
No known key found for this signature in database
GPG key ID: 583A612D890159BE
5 changed files with 10 additions and 5 deletions

View file

@ -12,7 +12,7 @@
<button [cdkCopyToClipboard]="account.nameWithHostForced" (click)="activateCopiedMessage()"
class="btn btn-outline-secondary btn-sm copy-button"
>
<span class="glyphicon glyphicon-copy"></span>
<span class="glyphicon glyphicon-duplicate"></span>
</button>
</div>
<span *ngIf="accountUser?.blocked" [ngbTooltip]="accountUser.blockedReason" class="badge badge-danger" i18n>Banned</span>

View file

@ -12,7 +12,7 @@
<button [cdkCopyToClipboard]="videoChannel.nameWithHostForced" (click)="activateCopiedMessage()"
class="btn btn-outline-secondary btn-sm copy-button"
>
<span class="glyphicon glyphicon-copy"></span>
<span class="glyphicon glyphicon-duplicate"></span>
</button>
</div>
</div>

View file

@ -12,9 +12,10 @@
<button
*ngIf="withCopy" [cdkCopyToClipboard]="input.value" (click)="activateCopiedMessage()" type="button"
class="btn btn-outline-secondary" i18n-title title="Copy"
class="btn btn-outline-secondary text-uppercase" i18n-title title="Copy"
>
<span class="glyphicon glyphicon-copy"></span>
<span class="glyphicon glyphicon-duplicate"></span>
Copy
</button>
</div>
</div>

View file

@ -36,7 +36,7 @@
<input #urlInput (click)="urlInput.select()" type="text" class="form-control input-sm readonly" readonly [value]="getLink()" />
<div class="input-group-append" *ngIf="!isConfidentialVideo()">
<button [cdkCopyToClipboard]="urlInput.value" (click)="activateCopiedMessage()" type="button" class="btn btn-outline-secondary">
<span class="glyphicon glyphicon-copy"></span>
<span class="glyphicon glyphicon-duplicate"></span>
</button>
</div>
</div>

View file

@ -9,6 +9,10 @@ $icon-font-path: '~@neos21/bootstrap3-glyphicons/assets/fonts/';
animation: spin .7s infinite linear;
}
.glyphicon-duplicate {
font-size: 70%;
}
.flex-auto {
flex: auto;
}