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

Ir para navegação Ir para pesquisar
sem sumário de edição
Sem resumo de edição
Etiqueta: Revertido
Sem resumo de edição
Etiqueta: Revertido
Linha 6: Linha 6:
     <title>Seleção e Exibição de Imagens</title>
     <title>Seleção e Exibição de Imagens</title>
     <style>
     <style>
        .hidden {
            display: none;
        }
         .mapsCalc__select {
         .mapsCalc__select {
             width: 100%;
             width: 100%;
Linha 19: Linha 23:
         .input-group {
         .input-group {
             position: relative;
             position: relative;
             margin: 20px 0;
             margin: 35px 0; /* Mantido como no estilo original */
         }
         }


         .mapsCalc__label {
         .mapsCalc__label {
             position: absolute;
             position: absolute;
             top: -18px;
             top: -18px; /* Eleva o texto um pouco mais para cima */
             background: none;
             background: none;
             padding: 0 5px;
             padding: 0 5px;
Linha 37: Linha 41:
             align-items: center;
             align-items: center;
             flex-direction: column;
             flex-direction: column;
             margin-top: -20px;
             margin-top: -10px; /* Ajuste para subir o botão de filtro */
         }
         }


         #filterButton {
         #filterButton {
             margin-top: 10px;
            background: none; /* Remove o fundo do botão */
            border: none; /* Remove a borda do botão */
            padding: 0; /* Remove o padding do botão */
            cursor: pointer; /* Mostra o cursor de ponteiro ao passar sobre o botão */
             margin: 10px 0;
         }
         }


Linha 76: Linha 84:
         }
         }


         #searchButton, #filterButton {
         #searchIds {
             background: none;
             width: 100%;
             border: none;
            max-width: 400px; /* Ajuste conforme necessário */
             padding: 0;
             min-width: 300px; /* Define a largura mínima */
             cursor: pointer;
             padding: 10px;
        }
             font-size: 16px;
 
            border-radius: 5px;
        #searchButton img, #filterButton img {
             border: 1px solid #ccc;
             width: 12px;
             box-sizing: border-box;
             vertical-align: middle;
         }
         }
     </style>
     </style>
Linha 117: Linha 124:
         <div id="filterById" class="input-group">
         <div id="filterById" class="input-group">
             <label class="mapsCalc__label" for="searchIds">Buscar por ID(s):</label>
             <label class="mapsCalc__label" for="searchIds">Buscar por ID(s):</label>
             <input type="text" id="searchIds" placeholder="Digite os IDs separados por vírgula" class="mapsCalc__select" maxlength="100">
             <input type="text" id="searchIds" placeholder="Digite os IDs separados por vírgula" maxlength="100">
         </div>
         </div>
          
          
         <div class="d-flex">
         <div class="d-flex">
             <button type="button" id="filterButton" class="hover-minimize">
             <button type="button" id="filterButton">
                 <img 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>
Linha 244: Linha 251:
         document.getElementById('mapForm').addEventListener('keydown', function(event) {
         document.getElementById('mapForm').addEventListener('keydown', function(event) {
             if (event.key === 'Enter') {
             if (event.key === 'Enter') {
                 event.preventDefault(); // Evita o envio do formulário
                 event.preventDefault();
                 document.getElementById('filterButton').click(); // Aciona o botão de filtro
                 document.getElementById('filterButton').click();
             }
             }
         });
         });
5 667

edições

Menu de navegação