@import '_variables';
@import '_mixins';
-span {
- opacity: .6;
-
- &:focus-within {
- opacity: 1;
- }
+.root {
+ display: flex;
}
my-global-icon {
- height: 18px;
- position: relative;
- top: -2px;
-}
+ height: 26px;
+ width: 26px;
+ 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(--mainColor);
+ }
- &::placeholder {
- font-size: 15px;
+ &[iconName=cross] {
+ color: pvar(--mainForegroundColor);
}
}
+
+input {
+ @include peertube-input-text(200px);
+}