MediaWiki:Vector.css: diferenças entre revisões

Fonte: Manual HostSync.io
Saltar para a navegação Saltar para a pesquisa
Sem resumo de edição
Sem resumo de edição
Linha 49: Linha 49:
/* 🧼 Style the input field itself */
/* 🧼 Style the input field itself */
.vector-search-box-input {
.vector-search-box-input {
     font-size: 0.85em !important;
     font-size: 15em !important;
     padding: 4px 6px !important;
     padding: 6px 8px !important;
     border: 1px solid #ccc !important;
     border: 1px solid #ccc !important;
     border-radius: 4px !important;
     border-radius: 4px !important;

Revisão das 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: 15em !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;
}