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
 
(Há 4 edições intermédias do mesmo utilizador que não estão a ser apresentadas)
Linha 1: Linha 1:
/* === VECTOR 2022: SEARCH BAR CLEANUP === */
/* FLATTEN SEARCH BAR - Vector 2022 */


/* Style the actual search input field */
/* 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 {
.vector-search-box-input {
     font-size: 0.85em !important;
    all: unset;
     padding: 4px 6px !important;
    display: inline-block !important;
     font-size: 1em !important;
     background-color: #fff !important;
     border: 1px solid #ccc !important;
     border: 1px solid #ccc !important;
     border-radius: 4px !important;
     border-radius: 4px !important;
     background: white !important;
     padding: 6px 8px !important;
     box-shadow: none !important;
     box-shadow: none !important;
     outline: none !important;
     outline: none !important;
     height: auto !important;
     height: auto !important;
    width: 100% !important;
    line-height: normal !important;
}
}


/* Remove the outer box appearance */
/* Search suggestions dropdown */
.vector-search-box {
.mw-searchSuggest-link {
     background: transparent !important;
    font-size: 0.85em !important;
}
 
/* 🔧 Remove outer visual box (the wrapper) */
#simpleSearch.vector-search-box-inner {
     background: none !important;
     border: none !important;
     border: none !important;
     padding: 0 !important;
     padding: 0 !important;
Linha 21: Linha 42:
     box-shadow: none !important;
     box-shadow: none !important;
     border-radius: 0 !important;
     border-radius: 0 !important;
    display: flex !important;
    align-items: center !important;
    gap: 4px !important;
}
}


/* Optional: Smaller font in search suggestions */
/* 🧼 Style the input field itself */
.mw-searchSuggest-link {
.vector-search-box-input {
     font-size: 0.85em !important;
    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;
}
}

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;
}