Difference between revisions of "MediaWiki:Gadget-calculator-search.css"
From WikiAnesthesia
Chris Rishel (talk | contribs) |
Chris Rishel (talk | contribs) |
||
| (4 intermediate revisions by the same user not shown) | |||
| Line 3: | Line 3: | ||
padding: 0.25rem 0rem; | padding: 0.25rem 0rem; | ||
} | } | ||
@media only screen and (min-width: | @media only screen and (min-width: 950px) { | ||
#calculator-search { | #calculator-search { | ||
position: sticky; | position: sticky; | ||
top: | top: 208px; | ||
background: #ffffff; | background: #ffffff; | ||
z-index: | z-index: 800; | ||
} | } | ||
} | } | ||
| Line 23: | Line 23: | ||
#calculator-search-input, | #calculator-search-input, | ||
#calculator-category-input { | #calculator-category-input { | ||
width: 114%; | |||
} | } | ||
Latest revision as of 18:46, 25 September 2021
#calculator-search {
border-bottom: 1px solid #dee2e6;
padding: 0.25rem 0rem;
}
@media only screen and (min-width: 950px) {
#calculator-search {
position: sticky;
top: 208px;
background: #ffffff;
z-index: 800;
}
}
#calculator-search form {
flex-wrap: nowrap;
}
#calculator-search h4 {
padding-top: 0;
}
.calculator-search-label {
font-size: 1.2rem;
font-weight: 500;
}
#calculator-search-input,
#calculator-category-input {
width: 114%;
}