Cleanup update video button

diff --git a/client/e2e/src/po/video-upload.po.ts b/client/e2e/src/po/video-upload.po.ts
index 7de715a9553e2cb9b6dd5840ded7cbab27481acb..942025b6b2abf8269f0c755791a41c32b47327f3 100644 (file)
--- a/client/e2e/src/po/video-upload.po.ts
+++ b/client/e2e/src/po/video-upload.po.ts
@@ -40,6 +40,6 @@ export class VideoUploadPage {
   }
 
   private getSecondStepSubmitButton () {
-    return element(by.css('.submit-button:not(.disabled)'))
+    return element(by.css('.submit-container my-button'))
   }
 }

diff --git a/client/src/app/+videos/+video-edit/shared/video-edit.component.scss b/client/src/app/+videos/+video-edit/shared/video-edit.component.scss
index c2fbb46f92c1ddcba697042f68e5ad4fc62e98ca..0b70b027014e71ef545a75d6c23aaeee1da785ca 100644 (file)
--- a/client/src/app/+videos/+video-edit/shared/video-edit.component.scss
+++ b/client/src/app/+videos/+video-edit/shared/video-edit.component.scss
@@ -126,24 +126,6 @@ my-peertube-checkbox {
     color: pvar(--greyForegroundColor);
     font-size: 15px;
   }
-
-  .submit-button {
-    @include peertube-button;
-    @include orange-button;
-    @include button-with-icon(20px, 1px);
-
-    display: inline-block;
-
-    input {
-      cursor: inherit;
-      background-color: inherit;
-      border: none;
-      padding: 0;
-      outline: 0;
-      color: inherit;
-      font-weight: $font-semibold;
-    }
-  }
 }
 
 p-calendar {

diff --git a/client/src/app/+videos/+video-edit/video-add-components/video-go-live.component.html b/client/src/app/+videos/+video-edit/video-add-components/video-go-live.component.html
index 136048455b1bcc66157fa398db51dabc4d3ad0fd..17c37d42bd854b2393e96b77c75a19ebbfe4861e 100644 (file)
--- a/client/src/app/+videos/+video-edit/video-add-components/video-go-live.component.html
+++ b/client/src/app/+videos/+video-edit/video-add-components/video-go-live.component.html
@@ -42,12 +42,9 @@
   ></my-video-edit>
 
   <div class="submit-container">
-    <div class="submit-button"
-       (click)="updateSecondStep()"
-       [ngClass]="{ disabled: !form.valid }"
-    >
-      <my-global-icon iconName="circle-tick" aria-hidden="true"></my-global-icon>
-      <input type="button" i18n-value value="Update" />
-    </div>
+    <my-button className="orange-button" i18n-label label="Update" icon="circle-tick"
+      (click)="updateSecondStep()"
+      [disabled]="!form.valid"
+    ></my-button>
   </div>
 </form>

diff --git a/client/src/app/+videos/+video-edit/video-add-components/video-import-torrent.component.html b/client/src/app/+videos/+video-edit/video-add-components/video-import-torrent.component.html
index 211acc6f61122e81ed4e85a470b632ce4f0a7dc2..20a7538db01002d5e40fcb70062c9f79b792e6b2 100644 (file)
--- a/client/src/app/+videos/+video-edit/video-add-components/video-import-torrent.component.html
+++ b/client/src/app/+videos/+video-edit/video-add-components/video-import-torrent.component.html
@@ -65,12 +65,9 @@
   ></my-video-edit>
 
   <div class="submit-container">
-    <div class="submit-button"
-       (click)="updateSecondStep()"
-       [ngClass]="{ disabled: !form.valid || isUpdatingVideo === true }"
-    >
-      <my-global-icon iconName="circle-tick" aria-hidden="true"></my-global-icon>
-      <input type="button" i18n-value value="Update" />
-    </div>
+    <my-button className="orange-button" i18n-label label="Update" icon="circle-tick"
+      (click)="updateSecondStep()"
+      [disabled]="!form.valid || isUpdatingVideo === true"
+    ></my-button>
   </div>
 </form>

diff --git a/client/src/app/+videos/+video-edit/video-add-components/video-import-url.component.html b/client/src/app/+videos/+video-edit/video-add-components/video-import-url.component.html
index 3e4eb5fbc2fe2fd61995b1a8720ca0ca215b116a..93d3c6b5fca23c42bd20f4cd7998ad71152d1ceb 100644 (file)
--- a/client/src/app/+videos/+video-edit/video-add-components/video-import-url.component.html
+++ b/client/src/app/+videos/+video-edit/video-add-components/video-import-url.component.html
@@ -58,12 +58,9 @@
   ></my-video-edit>
 
   <div class="submit-container">
-    <div class="submit-button"
-       (click)="updateSecondStep()"
-       [ngClass]="{ disabled: !form.valid || isUpdatingVideo === true }"
-    >
-      <my-global-icon iconName="circle-tick" aria-hidden="true"></my-global-icon>
-      <input type="button" i18n-value value="Update" />
-    </div>
+    <my-button className="orange-button" i18n-label label="Update" icon="circle-tick"
+      (click)="updateSecondStep()"
+      [disabled]="!form.valid || isUpdatingVideo === true"
+    ></my-button>
   </div>
 </form>

diff --git a/client/src/app/+videos/+video-edit/video-add-components/video-upload.component.html b/client/src/app/+videos/+video-edit/video-add-components/video-upload.component.html
index 51e16150e0da95c1750063fe7afabd8b68de6cb3..deea3daf9b58a5cb253c787646ac5004a4de5118 100644 (file)
--- a/client/src/app/+videos/+video-edit/video-add-components/video-upload.component.html
+++ b/client/src/app/+videos/+video-edit/video-add-components/video-upload.component.html
@@ -91,7 +91,7 @@
   <div class="submit-container">
     <div i18n *ngIf="videoUploaded === false" class="message-submit">Publish will be available when upload is finished</div>
 
-    <my-button className="submit-button orange-button" i18n-label label="Publish" icon="circle-tick"
+    <my-button className="orange-button" i18n-label label="Publish" icon="circle-tick"
                (click)="updateSecondStep()" (keydown.enter)="updateSecondStep()"
                [disabled]="isPublishingButtonDisabled()"
     ></my-button>