@import '_variables';
@import '_mixins';
+my-search-typeahead {
+ margin-right: 15px;
+}
+
#search-video {
@include peertube-input-text($search-input-width);
padding-left: 10px;
- margin-right: 15px;
padding-right: 40px; // For the search icon
font-size: 14px;
- transition: box-shadow .3s ease;
-
- /* light border style */
- border: 1px solid var(--mainBackgroundColor);
- box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 20px 0px;
-
- &:focus {
- box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 20px 0px;
- }
-
&::placeholder {
color: var(--inputPlaceholderColor);
}
- &:focus::placeholder {
- opacity: 0 !important;
- }
-
@media screen and (max-width: 800px) {
width: calc(100% - 150px);
}
// yolo
position: absolute;
- margin-left: -50px;
+ margin-left: -35px;
margin-top: 5px;
}
@include orange-button;
@include button-with-icon(22px, 3px, -1px);
+ color: var(--mainBackgroundColor) !important;
margin-right: 25px;
@media screen and (max-width: 800px) {