combine tabs on narrow screens

This commit is contained in:
ed 2021-07-17 01:21:49 +02:00
parent c7cb64bfef
commit bc3bbe07d4
2 changed files with 14 additions and 3 deletions

View file

@ -476,6 +476,17 @@ html.light #ggrid a.sel {
max-width: 9em;
}
}
@media (max-width: 35em) {
#ops>a[data-dest="new_md"],
#ops>a[data-dest="msg"] {
display: none;
}
#op_mkdir.act+div,
#op_mkdir.act+div+div {
display: block;
margin-top: 1em;
}
}

View file

@ -40,7 +40,7 @@
<form method="post" enctype="multipart/form-data" accept-charset="utf-8" action="{{ url_suf }}">
<input type="hidden" name="act" value="mkdir" />
<input type="text" name="name" size="30">
<input type="submit" value="mkdir">
<input type="submit" value="make directory">
</form>
</div>
@ -48,14 +48,14 @@
<form method="post" enctype="multipart/form-data" accept-charset="utf-8" action="{{ url_suf }}">
<input type="hidden" name="act" value="new_md" />
<input type="text" name="name" size="30">
<input type="submit" value="create doc">
<input type="submit" value="new markdown document">
</form>
</div>
<div id="op_msg" class="opview opbox act">
<form method="post" enctype="application/x-www-form-urlencoded" accept-charset="utf-8" action="{{ url_suf }}">
<input type="text" name="msg" size="30">
<input type="submit" value="send msg">
<input type="submit" value="send msg to server log">
</form>
</div>