<ng-container ngProjectAs="description">
<span i18n>⚠️ This functionality requires a lot of attention and extra moderation.</span>
- <div class="alert alert-info alert-signup" *ngIf="signupAlertMessage">{{ signupAlertMessage }}</div>
+ <div class="alert pt-alert-primary alert-signup" *ngIf="signupAlertMessage">{{ signupAlertMessage }}</div>
</ng-container>
<ng-container ngProjectAs="extra">
<my-plugin-navigation [pluginType]="pluginType"></my-plugin-navigation>
-<div class="alert alert-info" i18n *ngIf="pluginInstalled">
+<div class="alert pt-alert-primary" i18n *ngIf="pluginInstalled">
To load your new installed plugins or themes, refresh the page.
</div>
<ng-template ngbNavContent>
<div class="row live-settings">
<div class="col-md-12">
- <div class="alert alert-info">
+ <div class="alert pt-alert-primary">
<my-live-documentation-link></my-live-documentation-link>
</div>
{{ error }}
</div>
-<div class="alert alert-info" i18n *ngIf="isInUpdateForm && getMaxLiveDuration() >= 0">
+<div class="alert pt-alert-primary" i18n *ngIf="isInUpdateForm && getMaxLiveDuration() >= 0">
Max live duration is {{ getMaxLiveDuration() | myDurationFormatter }}.
If your live reaches this limit, it will be automatically terminated.
</div>
{{ error }}
</div>
-<div *ngIf="hasImportedVideo && !error" class="alert alert-info" i18n>
+<div *ngIf="hasImportedVideo && !error" class="alert pt-alert-primary" i18n>
Congratulations, the video will be imported with BitTorrent! You can already add information about this video.
</div>
{{ error }}
</div>
-<div *ngIf="!error && hasImportedVideo" class="alert alert-info" i18n>
+<div *ngIf="!error && hasImportedVideo" class="alert pt-alert-primary" i18n>
Congratulations, the video behind {{ targetUrl }} will be imported! You can already add information about this video.
</div>
{{ error }}
</div>
-<div *ngIf="videoUploaded && !error" class="alert alert-info" i18n>
+<div *ngIf="videoUploaded && !error" class="alert pt-alert-primary" i18n>
Congratulations! Your video is now available in your private library.
</div>
The video is being moved to an external server, it may not work properly.
</div>
-<div i18n class="alert alert-info" *ngIf="hasVideoScheduledPublication()">
+<div i18n class="alert pt-alert-primary" *ngIf="hasVideoScheduledPublication()">
This video will be published on {{ video.scheduledUpdate.updateAt | date: 'full' }}.
</div>
-<div i18n class="alert alert-info" *ngIf="isWaitingForLive()">
+<div i18n class="alert pt-alert-primary" *ngIf="isWaitingForLive()">
This live has not started yet.
</div>
-<div i18n class="alert alert-info" *ngIf="isLiveEnded()">
+<div i18n class="alert pt-alert-primary" *ngIf="isLiveEnded()">
This live has ended.
</div>
-<div *ngIf="hasChannelNotConfigured()" class="channels-setup-message alert alert-info">
+<div *ngIf="hasChannelNotConfigured()" class="channels-setup-message alert pt-alert-primary">
<my-global-icon iconName="tip"></my-global-icon>
<div>
-<div i18n>
- See <a href="https://docs.joinpeertube.org/use-create-upload-video?id=publish-a-live-in-peertube-gt-v3" target="_blank" rel="noopener noreferrer">the documentation</a>
+<p i18n>
+ See <a class="link-orange" href="https://docs.joinpeertube.org/use-create-upload-video?id=publish-a-live-in-peertube-gt-v3" target="_blank" rel="noopener noreferrer">the documentation</a>
to learn how to use the PeerTube live streaming feature.
-</div>
+</p>
<div class="pt-badge badge-blue" *ngIf="live.saveReplay" i18n>Replay will be saved</div>
</div>
- <div class="alert alert-info">
+ <div class="alert pt-alert-primary">
<my-live-documentation-link></my-live-documentation-link>
</div>
margin: 20px 0;
}
-.alert-info {
+.pt-alert-primary {
margin: 1rem 0;
}
// ---------------------------------------------------------------------------
.alert {
- p {
- font-size: 16px;
- }
-
p:last-child {
margin-bottom: 0;
}