5 801
edições
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: | 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: - | margin-top: -10px; /* Ajuste para subir o botão de filtro */ | ||
} | } | ||
#filterButton { | #filterButton { | ||
margin | 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: | ||
} | } | ||
# | #searchIds { | ||
width: 100%; | |||
max-width: 400px; /* Ajuste conforme necessário */ | |||
padding: | min-width: 300px; /* Define a largura mínima */ | ||
padding: 10px; | |||
font-size: 16px; | |||
border-radius: 5px; | |||
border: 1px solid #ccc; | |||
box-sizing: border-box; | |||
} | } | ||
</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 | <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 | <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(); | event.preventDefault(); | ||
document.getElementById('filterButton').click(); | document.getElementById('filterButton').click(); | ||
} | } | ||
}); | }); |