Make sites list scrollable if large number of sites

This commit is contained in:
Dale Davies
2023-03-22 23:14:05 +00:00
parent 8a5821c673
commit ff0cb47c99
9 changed files with 26 additions and 13 deletions

View File

@@ -1 +1 @@
v1.3.2 (1679063113)
v1.3.2 (1679526752)

View File

@@ -95,6 +95,20 @@ $unknown-color: #ccc;
list-style-type: none;
font-size: 14px;
user-select: none;
max-height: 60%;
overflow-y: auto;
scrollbar-width: auto;
scrollbar-color: #dddddd35 #66666620;
&::-webkit-scrollbar {
width: 4px;
}
&::-webkit-scrollbar-thumb {
background: #dddddd35;
}
&::-webkit-scrollbar-track {
background: #66666620;
}
li {
padding: 0;
@@ -194,11 +208,9 @@ $unknown-color: #ccc;
@media (max-width: 500px) {
.sites {
@include sites-alternate();
overflow-y: scroll;
-ms-overflow-style: none; /* IE and Edge */
scrollbar-width: none; /* Firefox */
height: calc(100% - 65px);
scrollbar-width: none; /* Firefox */
max-height: calc(100% - 65px);
li {
width: 100%;

View File

@@ -97,8 +97,9 @@ body {
flex-direction: column;
justify-content:center;
width: 100%;
max-width: 650px;
margin:-50px auto 0 auto;
max-width: 750px;
margin: -20px auto 0 auto;
height: calc(100% - 12px) /* 12px = roughly half the greeting height and border */
}
@media (max-width: 500px) {

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -1 +1 @@
<link rel="stylesheet" href="{{{wwwurl}}}/assets/css/styles.1ca83f0b531ebb5db978.min.css">
<link rel="stylesheet" href="{{{wwwurl}}}/assets/css/styles.661d49a4dd77c2255543.min.css">

View File

@@ -1 +1 @@
<script defer src="{{{wwwurl}}}/assets/js/index.b7edc402416d63e189f5.min.js"></script>
<script defer src="{{{wwwurl}}}/assets/js/index.fe3fa6c8305604e7c627.min.js"></script>

4
package-lock.json generated
View File

@@ -1,12 +1,12 @@
{
"name": "jump",
"version": "1.3.1",
"version": "1.3.2",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "jump",
"version": "1.3.1",
"version": "1.3.2",
"dependencies": {
"eventemitter3": "^5.0.0",
"fuse.js": "^6.6.2"