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

Ir para navegação Ir para pesquisar
Desfeita a edição 85484 de Renee (Discussão)
Sem resumo de edição
Etiqueta: Revertido
(Desfeita a edição 85484 de Renee (Discussão))
Etiqueta: Desfazer
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 23: Linha 19:
         .input-group {
         .input-group {
             position: relative;
             position: relative;
             margin: 35px 0; /* Mantido como no estilo original */
             margin: 20px 0;
         }
         }


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


         #filterButton {
         #filterButton {
            background: none; /* Remove o fundo do botão */
             margin-top: 10px;
            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 84: Linha 76:
         }
         }


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

edições

Menu de navegação