1
0
Tükrözés 0
tükrözve innen: blallo/rss-bridge

[style] Fix All input boxes are center aligned

f757d7d1a5 introduced a bug where all
text input boxes were centered instead of just the search bar.

In order for this to work properly the global styles must be applied
before specific styles for the search bar.
This commit is contained in:
logmanoriginal 2017-08-10 20:26:28 +02:00
szülő f757d7d1a5
commit c237eaa254

Fájl megtekintése

@ -52,6 +52,18 @@ header > p.status {
color: red;
}
input[type="text"] {
background-color: white;
color: #404552;
border: 0px;
border-bottom: 2px solid #2196F3;
font-size: 1.1em;
margin-left: 8px;
padding-left: 4px;
}
.searchbar {
width: 50%;
@ -64,6 +76,7 @@ header > p.status {
width: 100%;
margin: auto;
font-size: 1.4em;
text-align: center;
}
@ -73,6 +86,30 @@ header > p.status {
}
.searchbar input[type="text"]:focus::-webkit-input-placeholder {
opacity: 0;
}
.searchbar input[type="text"]:focus::-moz-placeholder {
opacity: 0;
}
.searchbar input[type="text"]:focus:-moz-placeholder {
opacity: 0;
}
.searchbar input[type="text"]:focus:-ms-input-placeholder {
opacity: 0;
}
.searchbar > h3 {
font-size: 150%;
@ -188,43 +225,6 @@ form {
}
input[type="text"] {
background-color: white;
color: #404552;
border: 0px;
border-bottom: 2px solid #2196F3;
font-size: 1.1em;
margin-left: 8px;
padding-left: 4px;
text-align: center;
}
input[type="text"]:focus::-webkit-input-placeholder {
opacity: 0;
}
input[type="text"]:focus::-moz-placeholder {
opacity: 0;
}
input[type="text"]:focus:-moz-placeholder {
opacity: 0;
}
input[type="text"]:focus:-ms-input-placeholder {
opacity: 0;
}
form {
display: none;