Change copy icon (#3867)
* client: change copy icon to glypicon-duplicate * client: add "copy" text to copy icons
This commit is contained in:
parent
97aeb3cc46
commit
6b1ef95699
5 changed files with 10 additions and 5 deletions
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
4
client/src/sass/bootstrap.scss
vendored
4
client/src/sass/bootstrap.scss
vendored
|
@ -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;
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue