interesting
/
PeerTube
mirror of https://github.com/Chocobozzz/PeerTube.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

Fix help button position

This commit is contained in:
Chocobozzz 2024-11-27 14:59:24 +01:00
parent 36731b5a8e
commit 38d38c0e7a
No known key found for this signature in database
GPG Key ID: 583A612D890159BE
2 changed files with 31 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
client/src/app/shared/shared-user-settings/user-video-settings.component.html
View File

@ -1,14 +1,18 @@
<form (ngSubmit)="updateDetails()" [formGroup]="form"> <form (ngSubmit)="updateDetails()" [formGroup]="form">
<div class="form-group"> <div class="form-group">
<div class="anchor" id="video-sensitive-content-policy"></div> <!-- video-sensitive-content-policy anchor --> <div class="anchor" id="video-sensitive-content-policy"></div> <!-- video-sensitive-content-policy anchor -->
<label i18n for="nsfwPolicy">Default policy on videos containing sensitive content</label>
<my-help> <div class="pt-label-container">
<ng-template ptTemplate="customHtml"> <label i18n for="nsfwPolicy">Default policy on videos containing sensitive content</label>
<ng-container i18n>
With <strong>Hide</strong> or <strong>Blur thumbnails</strong>, a confirmation will be requested to watch the video. <my-help>
</ng-container> <ng-template ptTemplate="customHtml">
</ng-template> <ng-container i18n>
</my-help> With <strong>Hide</strong> or <strong>Blur thumbnails</strong>, a confirmation will be requested to watch the video.
</ng-container>
</ng-template>
</my-help>
</div>
<div class="peertube-select-container"> <div class="peertube-select-container">
<select id="nsfwPolicy" formControlName="nsfwPolicy" class="form-control"> <select id="nsfwPolicy" formControlName="nsfwPolicy" class="form-control">
@ -22,12 +26,15 @@
<div class="form-group"> <div class="form-group">
<div class="anchor" id="video-languages-subtitles"></div> <!-- video-languages-subtitles anchor --> <div class="anchor" id="video-languages-subtitles"></div> <!-- video-languages-subtitles anchor -->
<label i18n for="videoLanguages">Only display videos in the following languages/subtitles</label>
<my-help> <div class="pt-label-container">
<ng-template ptTemplate="customHtml"> <label i18n for="videoLanguages">Only display videos in the following languages/subtitles</label>
<ng-container i18n>In Recently added, Trending, Local, Most liked and Search pages</ng-container> <my-help>
</ng-template> <ng-template ptTemplate="customHtml">
</my-help> <ng-container i18n>In Recently added, Trending, Local, Most liked and Search pages</ng-container>
</ng-template>
</my-help>
</div>
<div> <div>
<my-select-languages inputId="videoLanguages" [maxLanguages]="20" formControlName="videoLanguages"></my-select-languages> <my-select-languages inputId="videoLanguages" [maxLanguages]="20" formControlName="videoLanguages"></my-select-languages>

10
client/src/sass/application.scss
View File

@ -207,6 +207,16 @@ label,
color: pvar(--fg-350); color: pvar(--fg-350);
} }
.pt-label-container {
margin-bottom: 0.5rem;
label {
display: inline;
@include margin-right(0.25rem);
}
}
code { code {
background-color: pvar(--bg-secondary-500); background-color: pvar(--bg-secondary-500);
color: pvar(--fg-400); color: pvar(--fg-400);