X-Git-Url: https://git.immae.eu/?a=blobdiff_plain;ds=sidebyside;f=client%2Fsrc%2Fapp%2Fvideos%2F%2Bvideo-edit%2Fshared%2Fvideo-edit.component.scss;h=1df9d400610286ef8eac4ffb146748361272d8fd;hb=4cb6d4578893db310297d7e118ce2fb7ecb952a3;hp=0af48fabeeefaa8cc01c366864e2af5e500a3ab0;hpb=4cc66133abf1e37873316999b660c93ab92eb4a0;p=github%2FChocobozzz%2FPeerTube.git 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 0af48fabe..1df9d4006 100644 --- 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; -}