5 801
edições
Etiqueta: Desfazer |
Sem resumo de edição |
||
Linha 74: | Linha 74: | ||
color: #0d0d0d; | color: #0d0d0d; | ||
} | } | ||
. | .maps__select { | ||
width: 100%; /* Mantém a largura total disponível */ | width: 100%; /* Mantém a largura total disponível */ | ||
padding: 10px; | padding: 10px; | ||
Linha 93: | Linha 93: | ||
box-sizing: border-box; /* Inclui o padding e a borda na largura total */ | box-sizing: border-box; /* Inclui o padding e a borda na largura total */ | ||
} | } | ||
. | .maps__label { | ||
position: absolute; | position: absolute; | ||
top: -18px; /* Eleva o texto um pouco mais para cima */ | top: -18px; /* Eleva o texto um pouco mais para cima */ | ||
Linha 111: | Linha 111: | ||
<form id="mapForm"> | <form id="mapForm"> | ||
<div id="mapTypeSelection" class="input-group"> | <div id="mapTypeSelection" class="input-group"> | ||
<select id="mapType" class=" | <select id="mapType" class="maps__select"> | ||
<option value="">Selecione um mapa</option> | <option value="">Selecione um mapa</option> | ||
<option value="1">Mapa Vermelho</option> | <option value="1">Mapa Vermelho</option> | ||
Linha 117: | Linha 117: | ||
<option value="3">Mapa Roxo</option> | <option value="3">Mapa Roxo</option> | ||
</select> | </select> | ||
<label class=" | <label class="maps__label" for="mapType">Tipo de Mapa</label> | ||
</div> | </div> | ||
<div id="specificOptions" class="hidden input-group"> | <div id="specificOptions" class="hidden input-group"> | ||
<select id="specificOption" class=" | <select id="specificOption" class="maps__select"> | ||
<option value="">Selecione uma opção</option> | <option value="">Selecione uma opção</option> | ||
<option value="Areia">Areia</option> | <option value="Areia">Areia</option> | ||
Linha 131: | Linha 131: | ||
<option value="Pisos">Pisos</option> | <option value="Pisos">Pisos</option> | ||
</select> | </select> | ||
<label class=" | <label class="maps__label" for="specificOption">Local do X</label> | ||
</div> | </div> | ||
<div id="filterById" class="input-group"> | <div id="filterById" class="input-group"> | ||
<label for="searchIds">Buscar por ID(s):</label> | <label for="searchIds" class="maps__label">Buscar por ID(s):</label> | ||
<input type="text" id="searchIds" placeholder="Digite os IDs separados por vírgula" class=" | <input type="text" id="searchIds" placeholder="Digite os IDs separados por vírgula" class="maps__select"> | ||
<label for="enableFilter">Ativar filtro:</label> | |||
<input type="checkbox" id="enableFilter" checked> | |||
</div> | </div> | ||
<div class="d-flex justify-center align-center flex-column"> | <div class="d-flex justify-center align-center flex-column"> | ||
<button type="button" id="filterButton" class="hover-minimize"> | <button type="button" id="filterButton" class="hover-minimize"> |