trying to make the [-] better for mobile

This commit is contained in:
teddit 2020-12-02 18:29:37 +01:00
parent afb800d585
commit 744617a49b
1 changed files with 28 additions and 19 deletions

47
dist/css/styles.css vendored
View File

@ -1337,26 +1337,35 @@ code {
transition: none; transition: none;
} }
@media only screen and (max-width: 600px) { @media only screen and (max-width: 600px) {
#sidebar { #sidebar {
width: 100%; width: 100%;
}
#sidebar .content {
padding-left: 20px;
padding-right: 20px;
}
#search {
width: 100%;
margin-left: 20px;
margin-top: 30px;
}
#links.sr {
width: calc(100% - 10px);
}
#search form {
width: 240px;
} }
.comment details summary::-webkit-details-marker,.comment details summary::marker { #sidebar .content {
font-size: 1.25rem; padding-left: 20px;
padding-right: 20px;
}
#search {
width: 100%;
margin-left: 20px;
margin-top: 30px;
}
#links.sr {
width: calc(100% - 10px);
}
#search form {
width: 240px;
}
.comment details summary::-webkit-details-marker,
.comment details summary::marker {
font-size: 1.25rem;
content: "[ - ]";
}
.comment details summary {
margin-right: 20px;
margin-bottom: 10px;
}
.comment summary::-webkit-details-marker {
font-size: 1.25rem
} }
} }