Merge branch 'release/3.1.0' into develop

[github/Chocobozzz/PeerTube.git] / client / src / app / shared / shared-main / misc / simple-search-input.component.scss

diff --git a/client/src/app/shared/shared-main/misc/simple-search-input.component.scss b/client/src/app/shared/shared-main/misc/simple-search-input.component.scss
index 591b04fb2f60514f09baf44cdc3fdfabbaa4d3fc..5ae48f81bd41c18584e182e207b5062c2dbef34e 100644 (file)
--- a/client/src/app/shared/shared-main/misc/simple-search-input.component.scss
+++ b/client/src/app/shared/shared-main/misc/simple-search-input.component.scss
@@ -1,29 +1,29 @@
 @import '_variables';
 @import '_mixins';
 
-span {
-  opacity: .6;
-  
-  &:focus-within {
-    opacity: 1;
-  }
+.root {
+  display: flex;
 }
 
 my-global-icon {
-  height: 18px;
-  position: relative;
-  top: -2px;
-}
+  height: 28px;
+  width: 28px;
+  margin-left: 10px;
+  cursor: pointer;
 
-input {
-  @include peertube-input-text(150px);
+  &:hover {
+    color: pvar(--mainHoverColor);
+  }
 
-  height: 22px; // maximum height for the account/video-channels links
-  padding-left: 10px;
-  background-color: transparent;
-  border: none;
+  &[iconName=search] {
+    color: pvar(--mainForegroundColor);
+  }
 
-  &::placeholder {
-    font-size: 15px;
+  &[iconName=cross] {
+    color: pvar(--mainForegroundColor);
   }
 }
+
+input {
+  @include peertube-input-text(200px);
+}