Add ability to delete comments

[github/Chocobozzz/PeerTube.git] / client / src / app / videos / +video-edit / shared / video-edit.component.scss

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 0af48fabeeefaa8cc01c366864e2af5e500a3ab0..1df9d400610286ef8eac4ffb146748361272d8fd 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
@@ -1,3 +1,14 @@
+@import '_variables';
+@import '_mixins';
+
+.peertube-select-container {
+  @include peertube-select-container(auto);
+}
+
+.peertube-select-disabled-container {
+  @include peertube-select-disabled-container(auto);
+}
+
 .video-edit {
   height: 100%;
 
@@ -10,14 +21,10 @@
     display: block;
 
     &[type=checkbox] {
-      outline: 0;
+      @include peertube-checkbox(1px);
     }
   }
 
-  select {
-    @include peertube-select(100%);
-  }
-
   input, select {
     font-size: 15px
   }
@@ -36,12 +43,22 @@
       margin-right: 10px;
     }
   }
+
+  .label-tags + span {
+    font-size: 15px;
+  }
 }
 
 .submit-container {
   text-align: right;
-  position: relative;
-  bottom: $button-height;
+
+  .message-submit {
+    display: inline-block;
+    margin-right: 25px;
+
+    color: #585858;
+    font-size: 15px;
+  }
 
   .submit-button {
     @include peertube-button;
@@ -54,6 +71,7 @@
       background-color: inherit;
       border: none;
       padding: 0;
+      outline: 0;
     }
 
     .icon.icon-validate {
@@ -79,6 +97,14 @@
     border: 1px solid #C6C6C6;
     border-radius: 3px;
     padding: 5px !important;
+    height: 40px;
+  }
+
+  tag-input-form {
+    input {
+      height: 30px !important;
+      background-color: #fff !important;
+    }
   }
 
   tag {
@@ -104,6 +130,8 @@
     padding-left: 6px !important;
 
     svg {
+      position: relative;
+      top: -1px;
       height: auto !important;
       vertical-align: middle !important;
       fill: #585858 !important;
@@ -114,43 +142,3 @@
     }
   }
 }
-
-
-.btn-file {
-  position: relative;
-  overflow: hidden;
-  display: block;
-}
-
-.btn-file input[type=file] {
-  position: absolute;
-  top: 0;
-  right: 0;
-  min-width: 100%;
-  min-height: 100%;
-  font-size: 100px;
-  text-align: right;
-  filter: alpha(opacity=0);
-  opacity: 0;
-  outline: none;
-  background: white;
-  cursor: inherit;
-  display: block;
-}
-
-div.file-to-upload {
-  height: 40px;
-
-  .glyphicon-remove {
-    cursor: pointer;
-  }
-}
-
-.little-information {
-  font-size: 0.8em;
-  font-style: italic;
-}
-
-.label-tags {
-  margin-bottom: 0;
-}