yetangitu/Peertube
1
0
Fork 0
mirror of https://github.com/Chocobozzz/PeerTube.git synced 2025-10-05 02:39:33 +02:00
Code Issues Releases Wiki Activity

Replace all glyphicon icons

Browse source
This commit is contained in:
Chocobozzz 2022-06-13 10:14:03 +02:00
parent c2faa073d1
commit 93c728a25a
No known key found for this signature in database
GPG key ID: 583A612D890159BE
44 changed files with 230 additions and 240 deletions
Download patch file Download diff file Expand all files Collapse all files

5
client/src/app/shared/shared-instance/feature-boolean.component.html
View file

@ -1,3 +1,2 @@
<span *ngIf="value === true" class="glyphicon glyphicon-ok" i18n-aria-label aria-label="yes"></span>
<span *ngIf="value === false" class="glyphicon glyphicon-remove" i18n-aria-label aria-label="no"></span>
<my-global-icon *ngIf="value === true" iconName="tick" i18n-aria-label aria-label="yes"></my-global-icon>
<my-global-icon *ngIf="value === false" iconName="cross" i18n-aria-label aria-label="no"></my-global-icon>

4
client/src/app/shared/shared-instance/feature-boolean.component.scss
View file

@ -1,10 +1,10 @@
@use '_variables' as *;
@use '_mixins' as *;
.glyphicon-ok {
my-global-icon[iconName=tick] {
color: $green;
}
.glyphicon-remove {
my-global-icon[iconName=cross] {
color: $red;
}

18
client/src/app/shared/shared-instance/instance-statistics.component.html
View file

@ -10,7 +10,7 @@
<p class="stat-value">{{ serverStats.totalUsers | number }}</p>
<p class="stat-label" i18n>users</p>
</div>
<i class="glyphicon glyphicon-user icon-bottom"></i>
<my-global-icon iconName="user"></my-global-icon>
</div>
</div>
@ -20,7 +20,7 @@
<p class="stat-value">{{ serverStats.totalLocalVideos | number }}</p>
<p class="stat-label" i18n>videos</p>
</div>
<i class="glyphicon glyphicon-facetime-video"></i>
<my-global-icon iconName="film"></my-global-icon>
</div>
</div>
@ -30,7 +30,7 @@
<p class="stat-value">{{ serverStats.totalLocalVideoViews | number }}</p>
<p class="stat-label" i18n>views</p>
</div>
<i class="glyphicon glyphicon-eye-open"></i>
<my-global-icon iconName="sensitive"></my-global-icon>
</div>
</div>
@ -40,7 +40,7 @@
<p class="stat-value">{{ serverStats.totalLocalVideoComments | number }}</p>
<p class="stat-label" i18n>comments</p>
</div>
<i class="glyphicon glyphicon-comment"></i>
<my-global-icon iconName="message-circle"></my-global-icon>
</div>
</div>
@ -50,7 +50,7 @@
<p class="stat-value">{{ serverStats.totalLocalVideoFilesSize | bytes:1 }}</p>
<p class="stat-label" i18n>hosted video</p>
</div>
<i class="glyphicon glyphicon-hdd"></i>
<my-global-icon iconName="home"></my-global-icon>
</div>
</div>
</div>
@ -64,7 +64,7 @@
<p class="stat-value">{{ serverStats.totalVideos | number }}</p>
<p class="stat-label" i18n>videos</p>
</div>
<i class="glyphicon glyphicon-facetime-video"></i>
<my-global-icon iconName="film"></my-global-icon>
</div>
</div>
@ -74,7 +74,7 @@
<p class="stat-value">{{ serverStats.totalVideoComments | number }}</p>
<p class="stat-label" i18n>comments</p>
</div>
<i class="glyphicon glyphicon-comment"></i>
<my-global-icon iconName="message-circle"></my-global-icon>
</div>
</div>
@ -84,7 +84,7 @@
<p class="stat-value">{{ serverStats.totalInstanceFollowers | number }}</p>
<p class="stat-label" i18n>followers</p>
</div>
<i class="glyphicon glyphicon-retweet"></i>
<my-global-icon iconName="share"></my-global-icon>
</div>
</div>
@ -94,7 +94,7 @@
<p class="stat-value">{{ serverStats.totalInstanceFollowing | number }}</p>
<p class="stat-label" i18n>following</p>
</div>
<i class="glyphicon glyphicon-retweet"></i>
<my-global-icon iconName="globe"></my-global-icon>
</div>
</div>
</div>

29
client/src/app/shared/shared-instance/instance-statistics.component.scss
View file

@ -1,3 +1,5 @@
@use '_variables' as *;
@use '_mixins' as *;
h3 {
font-size: 1.25rem;
@ -19,22 +21,19 @@ h3 {
margin: 0;
}
.glyphicon {
opacity: 0.12;
position: absolute;
left: 16px;
top: -24px;
&.icon-bottom {
top: 4px;
}
&::before {
font-size: 8em;
}
}
.card-body {
z-index: 2;
}
}
my-global-icon {
opacity: 0.12;
position: absolute;
left: 16px;
top: -24px;
width: 110px;
&.icon-bottom {
top: 4px;
}
}

2
client/src/app/shared/shared-instance/shared-instance.module.ts
View file

@ -1,6 +1,7 @@
import { NgModule } from '@angular/core'
import { NgbAccordionModule } from '@ng-bootstrap/ng-bootstrap'
import { SharedGlobalIconModule } from '../shared-icons'
import { SharedMainModule } from '../shared-main/shared-main.module'
import { FeatureBooleanComponent } from './feature-boolean.component'
import { InstanceAboutAccordionComponent } from './instance-about-accordion.component'
@ -12,6 +13,7 @@ import { InstanceService } from './instance.service'
@NgModule({
imports: [
SharedMainModule,
SharedGlobalIconModule,
NgbAccordionModule
],