endernon/wynnbuilder-forked-for-changes
1
0
Fork 0
forked from morphNon/wynnbuilder-idk
Code Pull requests Activity

atlas revamp is responsive now

Browse source
This commit is contained in:
fin444 2022-08-29 14:01:10 -07:00
parent 2003cf7eee
commit 358011d85a
3 changed files with 21 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
css/items.css
View file

@ -61,22 +61,23 @@
} }
.reorder-filter { .reorder-filter {
height: 75%; height: 2ch;
cursor: pointer; cursor: pointer;
} }
input.filter-input { input.filter-input {
width: 27ch!important; width: 27ch!important;
max-width: 90%;
display: inline-block; display: inline-block;
} }
.asc-icon { .asc-icon {
opacity: 0.25; opacity: 0.25;
width: 1rem; width: 1.75ch;
} }
.desc-icon { .desc-icon {
opacity: 0.25; opacity: 0.25;
width: 1rem; width: 1.75ch;
transform: rotate(180deg); transform: rotate(180deg);
} }
img.asc-sel { img.asc-sel {
@ -90,4 +91,11 @@ input.min-max-input {
#filter-container > div > div > * { #filter-container > div > div > * {
margin: 0 2px; margin: 0 2px;
}
/* item display */
@media (min-width: 576px) and (max-width: 991px) {
div.col-sm-6 {
width: 100%;
}
} }

3
items/index.html
View file

@ -77,7 +77,7 @@
</div> </div>
<div class = "container py-5 vh-100 mx-0 mx-lg-auto scaled-font"> <div class = "container py-5 vh-100 mx-0 mx-lg-auto scaled-font">
<div class = "row"> <div class = "row">
<div class = "row"> <div class = "row" style = "margin-top: 3ch;">
<div class = "col text-end"> <div class = "col text-end">
<a href = "../items_adv/">Advanced Item Search</a> <a href = "../items_adv/">Advanced Item Search</a>
</div> </div>
@ -151,6 +151,7 @@
</div> </div>
</div> </div>
<script src="https://cdn.jsdelivr.net/npm/@tarekraafat/autocomplete.js@10.2.6/dist/autoComplete.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@tarekraafat/autocomplete.js@10.2.6/dist/autoComplete.min.js"></script>
<script type="text/javascript" src="../js/drag_drop_touch.js"></script>
<script type="text/javascript" src="../js/utils.js"></script> <script type="text/javascript" src="../js/utils.js"></script>
<script type="text/javascript" src="../js/build_utils.js"></script> <script type="text/javascript" src="../js/build_utils.js"></script>
<script type="text/javascript" src="../js/icons.js"></script> <script type="text/javascript" src="../js/icons.js"></script>

8
js/drag_drop_touch.js Normal file
View file

File diff suppressed because one or more lines are too long