css improvement, coping to other themes

Signed-off-by: Stephan Richter <s.richter@srsoftware.de>
This commit is contained in:
2025-12-04 20:54:01 +01:00
parent 5e0b59bacf
commit 3833f2f978
5 changed files with 115 additions and 2 deletions

View File

@@ -307,4 +307,11 @@ tr:hover .taglist .tag button {
.easylist .filter{
background: black;
}
@media screen and (max-width: 900px) {
#app nav a{
background: black;
color: red;
}
}

View File

@@ -426,6 +426,45 @@ a.wikilink{
float: right;
}
@media screen and (min-width: 900px) {
#app nav button.symbol{
display: none;
}
}
@media screen and (max-width: 900px) {
#app nav{
grid-template-columns: 33% 34% 33%;
display: grid;
padding: 0 10px;
position: absolute;
left: 0;
right: 0;
}
#app nav form{
grid-column-end: span 2;
}
#app nav .logout{
grid-column-end: 4;
}
#app nav.collapsed a{
display: none;
}
#app nav a {
font-size: 19px !important;
display: grid;
text-align: center;
border: 1px solid;
margin: 5px;
padding: 15px 0;
border-radius: 7px;
}
}
@media screen and (max-width: 600px) {
.grid2{
display: grid;
@@ -455,6 +494,15 @@ a.wikilink{
.easylist input{
font-size: 20px;
}
#app nav{
grid-template-columns: auto auto;
}
#app nav form{
grid-column-end: span 1;
}
#app nav .logout{
grid-column-end: 3;
}
}
fieldset.vcard{

View File

@@ -512,13 +512,12 @@ a.wikilink{
@media screen and (max-width: 900px) {
#app nav{
grid-template-columns: auto auto auto;
grid-template-columns: 33% 34% 33%;
display: grid;
padding: 0 10px;
position: absolute;
left: 0;
right: 0;
}
#app nav form{
grid-column-end: span 2;
@@ -539,6 +538,10 @@ a.wikilink{
margin: 5px;
border-radius: 7px;
}
#app nav a::before {
font-size: 30px;
}
}

View File

@@ -282,4 +282,11 @@ tr:hover .taglist .tag button {
.easylist fieldset {
border-color: blue;
color: blue;
}
@media screen and (max-width: 900px) {
#app nav a{
background: white;
color: blue;
}
}

View File

@@ -426,6 +426,45 @@ a.wikilink{
float: right;
}
@media screen and (min-width: 900px) {
#app nav button.symbol{
display: none;
}
}
@media screen and (max-width: 900px) {
#app nav{
grid-template-columns: 33% 34% 33%;
display: grid;
padding: 0 10px;
position: absolute;
left: 0;
right: 0;
}
#app nav form{
grid-column-end: span 2;
}
#app nav .logout{
grid-column-end: 4;
}
#app nav.collapsed a{
display: none;
}
#app nav a {
font-size: 19px !important;
display: grid;
text-align: center;
border: 1px solid;
margin: 5px;
padding: 15px 0;
border-radius: 7px;
}
}
@media screen and (max-width: 600px) {
.grid2{
display: grid;
@@ -455,6 +494,15 @@ a.wikilink{
.easylist input{
font-size: 20px;
}
#app nav{
grid-template-columns: auto auto;
}
#app nav form{
grid-column-end: span 1;
}
#app nav .logout{
grid-column-end: 3;
}
}
fieldset.vcard{