MediaWiki:Vector.css: diferenças entre revisões
Saltar para a navegação
Saltar para a pesquisa
Sem resumo de edição |
Sem resumo de edição |
||
| (Há 9 edições intermédias do mesmo utilizador que não estão a ser apresentadas) | |||
| Linha 1: | Linha 1: | ||
/* | /* FLATTEN SEARCH BAR - Vector 2022 */ | ||
/* | |||
.vector- | /* Outer container */ | ||
font-size: | .vector-search-box { | ||
padding: | all: unset; | ||
display: inline-block !important; | |||
margin: 0 !important; | |||
padding: 0 !important; | |||
background: none !important; | |||
border: none !important; | |||
box-shadow: none !important; | |||
border-radius: 0 !important; | |||
} | |||
/* Actual input field */ | |||
.vector-search-box-input { | |||
all: unset; | |||
display: inline-block !important; | |||
font-size: 1em !important; | |||
background-color: #fff !important; | |||
border: 1px solid #ccc !important; | |||
border-radius: 4px !important; | |||
padding: 6px 8px !important; | |||
box-shadow: none !important; | |||
outline: none !important; | |||
height: auto !important; | |||
width: 100% !important; | |||
line-height: normal !important; | |||
} | } | ||
/* | /* Search suggestions dropdown */ | ||
.mw-searchSuggest-link { | .mw-searchSuggest-link { | ||
font-size: 0.85em !important; | font-size: 0.85em !important; | ||
} | } | ||
/* | |||
.vector- | /* 🔧 Remove outer visual box (the wrapper) */ | ||
background | #simpleSearch.vector-search-box-inner { | ||
background: none !important; | |||
border: none !important; | border: none !important; | ||
padding: 0 !important; | padding: 0 !important; | ||
margin: 0 !important; | |||
box-shadow: none !important; | box-shadow: none !important; | ||
border-radius: 0 !important; | |||
display: flex !important; | |||
align-items: center !important; | |||
gap: 4px !important; | |||
} | } | ||
/* | /* 🧼 Style the input field itself */ | ||
.vector- | .vector-search-box-input { | ||
font-size: 1em !important; | |||
font-size: | padding: 6px 8px !important; | ||
padding: | |||
border: 1px solid #ccc !important; | border: 1px solid #ccc !important; | ||
border-radius: 4px !important; | |||
background: white !important; | |||
box-shadow: none !important; | box-shadow: none !important; | ||
outline: none !important; | |||
height: auto !important; | |||
} | } | ||
/* Optional: | /* 🎯 Optional: Clean up the "Go" button */ | ||
. | #searchButton.searchButton { | ||
padding: 4px !important; | font-size: 0.8em !important; | ||
padding: 4px 8px !important; | |||
border-radius: 4px !important; | |||
} | } | ||
Edição atual desde as 13h15min de 22 de abril de 2025
/* FLATTEN SEARCH BAR - Vector 2022 */
/* Outer container */
.vector-search-box {
all: unset;
display: inline-block !important;
margin: 0 !important;
padding: 0 !important;
background: none !important;
border: none !important;
box-shadow: none !important;
border-radius: 0 !important;
}
/* Actual input field */
.vector-search-box-input {
all: unset;
display: inline-block !important;
font-size: 1em !important;
background-color: #fff !important;
border: 1px solid #ccc !important;
border-radius: 4px !important;
padding: 6px 8px !important;
box-shadow: none !important;
outline: none !important;
height: auto !important;
width: 100% !important;
line-height: normal !important;
}
/* Search suggestions dropdown */
.mw-searchSuggest-link {
font-size: 0.85em !important;
}
/* 🔧 Remove outer visual box (the wrapper) */
#simpleSearch.vector-search-box-inner {
background: none !important;
border: none !important;
padding: 0 !important;
margin: 0 !important;
box-shadow: none !important;
border-radius: 0 !important;
display: flex !important;
align-items: center !important;
gap: 4px !important;
}
/* 🧼 Style the input field itself */
.vector-search-box-input {
font-size: 1em !important;
padding: 6px 8px !important;
border: 1px solid #ccc !important;
border-radius: 4px !important;
background: white !important;
box-shadow: none !important;
outline: none !important;
height: auto !important;
}
/* 🎯 Optional: Clean up the "Go" button */
#searchButton.searchButton {
font-size: 0.8em !important;
padding: 4px 8px !important;
border-radius: 4px !important;
}