Commit 94f7defb authored by Dominik Hebeler's avatar Dominik Hebeler
Browse files

fixed resultpage searchbar color

parent 34d9981e
@searchbar-border-color: #585858; @searchbar-border-color: #585858;
@searchbar-border-color-light: #777777; @searchbar-border-color-light: #777777;
.searchbar { .searchbar {
display: -webkit-box; display: -webkit-box;
display: -moz-box; display: -moz-box;
...@@ -32,6 +33,7 @@ ...@@ -32,6 +33,7 @@
font-size: 1em; font-size: 1em;
background-color: transparent; background-color: transparent;
color: #333; color: #333;
.search-input-submit { .search-input-submit {
width: 100%; width: 100%;
width: calc(100% - 16px); width: calc(100% - 16px);
...@@ -44,32 +46,37 @@ ...@@ -44,32 +46,37 @@
display: -ms-flexbox; display: -ms-flexbox;
display: flex; display: flex;
align-items: center; align-items: center;
#search-key { #search-key {
display: flex; display: flex;
justify-content: center; justify-content: center;
align-items: center; align-items: center;
> a {
>a {
padding: 0px 16px 0px 16px; padding: 0px 16px 0px 16px;
color: #585858; color: #585858;
&.authorized { &.authorized {
color:green; color: green;
} }
} }
} }
.search-input { .search-input {
position: relative; position: relative;
-webkit-box-flex: 1; -webkit-box-flex: 1;
-ms-flex-positive: 1; -ms-flex-positive: 1;
flex-grow: 1; flex-grow: 1;
input { input {
border: none; border: none;
height: 40px; height: 40px;
-webkit-box-shadow: none; -webkit-box-shadow: none;
box-shadow: none; box-shadow: none;
background-color: transparent; background-color: transparent;
color:@text-color; color: @text-color;
} }
#search-delete-btn { #search-delete-btn {
position: absolute; position: absolute;
right: 0; right: 0;
...@@ -83,12 +90,14 @@ ...@@ -83,12 +90,14 @@
font-weight: normal; font-weight: normal;
display: none; display: none;
filter: invert(@icon-color); filter: invert(@icon-color);
&:hover { &:hover {
color: red; color: red;
filter: invert(0); filter: invert(0);
} }
} }
} }
.search-submit { .search-submit {
button { button {
width: 50px; width: 50px;
...@@ -101,12 +110,15 @@ ...@@ -101,12 +110,15 @@
} }
} }
} }
.search-hidden { .search-hidden {
display: none; display: none;
} }
.search-custom-hidden { .search-custom-hidden {
display: none; display: none;
} }
@media (max-width: @screen-mobile) { @media (max-width: @screen-mobile) {
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
-webkit-box-direction: reverse; -webkit-box-direction: reverse;
...@@ -118,37 +130,46 @@ ...@@ -118,37 +130,46 @@
.startpage-searchbar { .startpage-searchbar {
>* { >* {
border: 1px solid @searchbar-border-color; border: 1px solid @searchbar-border-color;
&:not(:first-child) { &:not(:first-child) {
border-left: none; border-left: none;
} }
} }
.search-input-submit { .search-input-submit {
border-radius: 5px; border-radius: 5px;
margin: 0 8px; margin: 0 8px;
@media (max-width: @screen-mobile) { @media (max-width: @screen-mobile) {
max-width: initial; max-width: initial;
} }
>#search-key { >#search-key {
border-right: 1px solid @searchbar-border-color-light; border-right: 1px solid @searchbar-border-color-light;
} }
>#submit-inputgroup { >#submit-inputgroup {
border-left: 1px solid @searchbar-border-color-light; border-left: 1px solid @searchbar-border-color-light;
} }
} }
@media (max-width: @screen-mobile) { @media (max-width: @screen-mobile) {
.search-focus-selector { .search-focus-selector {
border: 1px solid #aaa; border: 1px solid #aaa;
border-top: none; border-top: none;
border-radius: 5px; border-radius: 5px;
} }
.search-input-submit { .search-input-submit {
border: 1px solid #aaa; border: 1px solid #aaa;
border-radius: 5px; border-radius: 5px;
} }
>* { >* {
border: 1px solid #aaa; border: 1px solid #aaa;
border-radius: 5px; border-radius: 5px;
min-height: 40px; min-height: 40px;
&:not(:first-child) { &:not(:first-child) {
border-left: 1px solid #aaa; border-left: 1px solid #aaa;
} }
...@@ -157,17 +178,20 @@ ...@@ -157,17 +178,20 @@
} }
.resultpage-searchbar { .resultpage-searchbar {
#search-key > a { #search-key>a {
padding: 5px 16px 0px 16px!important; padding: 5px 16px 0px 16px !important;
} }
.search-input-submit { .search-input-submit {
.search-input input { .search-input input {
padding-right: 35px; // Makes it so the overlayed delete button does not hide the text belowF padding-right: 35px; // Makes it so the overlayed delete button does not hide the text belowF
} }
.search-submit button{
@media(max-width: @screen-mobile){ .search-submit button {
margin-right: 30px; @media(max-width: @screen-mobile) {
margin-right: 30px;
} }
i.fa-search { i.fa-search {
margin-top: 5px; margin-top: 5px;
} }
...@@ -194,10 +218,11 @@ ...@@ -194,10 +218,11 @@
height: 15px; height: 15px;
filter: invert(1) brightness(0.1); filter: invert(1) brightness(0.1);
} }
.search-submit button { .search-submit button {
cursor: pointer; cursor: pointer;
} }
.authorized #searchbar-img-key { .authorized #searchbar-img-key {
filter: initial; filter: initial;
} }
\ No newline at end of file
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment