forks/peertube
1
0
Fork 0
Code Releases Activity

Change copy icon (#3867)

Browse source 
* 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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
client/src/app/+accounts/accounts.component.html
View file

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

2
client/src/app/+video-channels/video-channels.component.html
View file

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

5
client/src/app/shared/shared-forms/input-toggle-hidden.component.html
View file

@ -12,9 +12,10 @@
<button <button
*ngIf="withCopy" [cdkCopyToClipboard]="input.value" (click)="activateCopiedMessage()" type="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> </button>
</div> </div>
</div> </div>

2
client/src/app/shared/shared-video-miniature/video-download.component.html
View file

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

4
client/src/sass/bootstrap.scss vendored
View file

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