Widget:Test: mudanças entre as edições

sem sumário de edição
Sem resumo de edição
Sem resumo de edição
Linha 30: Linha 30:
             margin: 5px;
             margin: 5px;
         }
         }
         #searchButton, #filterButton {
         #filterButton, #searchButton {
             background: none; /* Remove o fundo do botão */
             background: none; /* Remove o fundo do botão */
             border: none; /* Remove a borda do botão */
             border: none; /* Remove a borda do botão */
Linha 36: Linha 36:
             cursor: pointer; /* Mostra o cursor de ponteiro ao passar sobre o botão */
             cursor: pointer; /* Mostra o cursor de ponteiro ao passar sobre o botão */
         }
         }
         #searchButton img, #filterButton img {
         #filterButton img, #searchButton img {
             width: 12px;
            border-radius: 12px;
             vertical-align: middle;
             width: auto; /* Garante que a largura se ajuste ao tamanho original da imagem */
             height: auto; /* Garante que a altura se ajuste ao tamanho original da imagem */
         }
         }
         .mw-body-content {
         .mw-body-content {
Linha 105: Linha 106:
         </div>
         </div>


        <div id="filterById">
        <div id="filterById">
             <label for="searchIds">Buscar por ID(s):</label>
             <label for="searchIds">Buscar por ID(s):</label>
             <div class="input-group">
             <div class="input-group">
Linha 112: Linha 113:
         </div>
         </div>
         <div class="d-flex justify-center align-center flex-column">
         <div class="d-flex justify-center align-center flex-column">
             <button type="submit" id="filterButton" class="hover-minimize">
             <button type="button" id="filterButton" class="hover-minimize">
                 <img style="border-radius:12px;" src="https://wiki.pokexgames.com/images/d/d3/Banner_calculadora.png" alt="Imagem botão filtrar">
                 <img src="https://wiki.pokexgames.com/images/d/d3/Banner_calculadora.png" alt="Imagem botão filtrar">
             </button>
             </button>
         </div>
         </div>
Linha 199: Linha 200:
         });
         });


         document.getElementById('searchButton').addEventListener('click', function() {
         document.getElementById('filterButton').addEventListener('click', function() {
             const searchIds = document.getElementById('searchIds').value.split(',').map(id => id.trim());
             const searchIds = document.getElementById('searchIds').value.split(',').map(id => id.trim());
             const imageContainer = document.getElementById('imageContainer');
             const imageContainer = document.getElementById('imageContainer');
5 802

edições