feat: add dedicated class to hide contents on small-width screens

This commit is contained in:
David Bailey 2024-01-04 16:06:52 +01:00
parent 91224e634a
commit 98e062611e
4 changed files with 17 additions and 15 deletions

View file

@ -31,6 +31,13 @@ body {
padding-bottom: 4rem;
}
@media only screen and (max-width: 600px) {
.hsmol_hide {
display: none !important;
visibility: hidden !important;
}
}
:link {
color: var(--highlight_1);
font-style: italic;
@ -158,6 +165,11 @@ a:hover {
display: flex;
flex-direction: row;
list-style-type: none;
overflow-x: scroll;
overflow-y: hidden;
white-space: nowrap;
}
#post_file_path a {
color: var(--text_1);

View file

@ -33,11 +33,4 @@ table.directory tr.entry .entry_title {
table.directory .entry_update_time {
display: block;
width: 12rem;
}
@media only screen and (max-width: 600px) {
table.directory .entry_update_time {
visibility: hidden;
display: none;
}
}