major improvement to easylist for usability on mobile devices

Signed-off-by: Stephan Richter <s.richter@srsoftware.de>
This commit is contained in:
2025-11-29 00:43:58 +01:00
parent 600b0f2cf4
commit 8f82ca87b4
11 changed files with 119 additions and 91 deletions

View File

@@ -296,8 +296,8 @@ tr:hover .taglist .tag button {
color: #222200;
}
.easylist a {
border-color:orange;
.easylist > fieldset > div {
border-color: orange;
color: orange;
}
.easylist fieldset {

View File

@@ -407,20 +407,25 @@ a.wikilink{
grid-column-end: span 2;
}
.easylist a {
.easylist > fieldset > div {
display: block;
border: 1px solid;
margin: 7px;
padding: 5px;
border-radius: 5px;
text-align: center;
user-select: none;
}
.easylist .filter{
position: sticky;
top: 40px;
bottom: 22px;
z-index: 10;
}
.easylist .edit{
float: right;
}
@media screen and (max-width: 600px) {
.grid2{
display: grid;
@@ -443,15 +448,13 @@ a.wikilink{
min-height: 50px;
}
.easylist a {
.easylist > fieldset > div {
font-size: 25px;
padding: 10px;
}
.easylist input{
font-size: 20px;
}
.easylist .filter{
top: 95px;
}
}
fieldset.vcard{

View File

@@ -286,7 +286,7 @@ tr:hover .taglist .tag button {
color: #222200;
}
.easylist a {
.easylist > fieldset > div {
border-color: orange;
color: orange;
}

View File

@@ -485,13 +485,14 @@ a.wikilink{
grid-column-end: span 2;
}
.easylist a {
.easylist > fieldset > div {
display: block;
border: 1px solid;
margin: 7px;
padding: 5px;
border-radius: 5px;
text-align: center;
user-select: none;
}
.easylist .filter{
position: sticky;
@@ -499,6 +500,10 @@ a.wikilink{
z-index: 10;
}
.easylist .edit{
float: right;
}
@media screen and (max-width: 600px) {
.grid2{
display: grid;
@@ -521,8 +526,9 @@ a.wikilink{
min-height: 50px;
}
.easylist a {
.easylist > fieldset > div {
font-size: 25px;
padding: 10px;
}
.easylist input{
font-size: 20px;

View File

@@ -274,7 +274,7 @@ tr:hover .taglist .tag button {
color: #bbb;
}
.easylist a {
.easylist > fieldset > div {
border-color: blue;
color: blue;
background: #dfe4ff;

View File

@@ -407,20 +407,25 @@ a.wikilink{
grid-column-end: span 2;
}
.easylist a {
.easylist > fieldset > div {
display: block;
border: 1px solid;
margin: 7px;
padding: 5px;
border-radius: 5px;
text-align: center;
user-select: none;
}
.easylist .filter{
position: sticky;
top: 40px;
bottom: 22px;
z-index: 10;
}
.easylist .edit{
float: right;
}
@media screen and (max-width: 600px) {
.grid2{
display: grid;
@@ -443,15 +448,13 @@ a.wikilink{
min-height: 50px;
}
.easylist a {
.easylist > fieldset > div {
font-size: 25px;
padding: 10px;
}
.easylist input{
font-size: 20px;
}
.easylist .filter{
top: 95px;
}
}
fieldset.vcard{