Increase tap target size & min font size

dev
gravel 3 years ago
parent 8cf341e9ea
commit 04c3e6cada
Signed by: gravel
GPG Key ID: C0538F3C906B308F

@ -1,12 +1,13 @@
:root {
--body-margin: 8px; /* Default value in browsers */
--max-font-size-unitless: 18;
--min-font-size-unitless: 12;
/* Measurements of the width of all columns
except name and description on smaller screens */
--collapsed-static-column-width-px: 400px;
--collapsed-static-column-width-px: 300px;
--collapsed-static-column-width: calc(
( 400 / var(--max-font-size-unitless) ) * 1rem
( 300 / var(--max-font-size-unitless) ) * 1rem
);
/* Measurements of the width of all columns
@ -44,7 +45,7 @@
}
html {
font-size: clamp(10px, 2vw, var(--max-font-size-unitless) * 1px);
font-size: clamp(12px, 2vw, var(--max-font-size-unitless) * 1px);
}
body {
@ -244,6 +245,11 @@ header {
text-overflow: ellipsis;
}
.td_name-inner {
/* Block padding for inline element does not change flow, only clickbox */
padding-block: calc( var(--cell-padding-v) );
}
.td_language {
text-align: center;
font-size: 1.5em;
@ -403,7 +409,7 @@ footer p {
footer nav a {
display: inline-block;
margin: .25em;
padding: .5em;
white-space: nowrap;
}
@ -651,6 +657,6 @@ footer nav a {
@media (max-width: 500px) {
:root {
/* ! For when descriptions don't wrap and 100vw doesn't work. */
--dynamic-columns-width: 15rem;
--dynamic-columns-width: 10rem;
}
}

@ -123,18 +123,18 @@
href="https://lokilocker.com/Mods/Session-Groups/wiki/Session-Closed-Groups"
target="_blank"
title="Closed groups curated by community moderators"
>Closed Groups</a>
<a
>Closed Groups</a
><a
href="https://session.directory/"
target="_blank"
title="User-submitted closed groups, communities and user profiles. Not safe for work."
>session.directory</a>
<a
>session.directory</a
><a
href="https://github.com/oxen-io/session-pysogs"
target="_blank"
title="Information about running a community server."
>Host Your Own Community</a>
<a
>Host Your Own Community</a
><a
href="https://getsession.org/terms-of-service"
target="_blank"
>Session Terms Of Service</a>
@ -144,8 +144,8 @@
href="https://codeberg.org/gravel/sessioncommunities.online"
target="_blank"
title="sessioncommunities.online repository on Codeberg."
>Source Code</a>
<a
>Source Code</a
><a
href="https://codeberg.org/gravel/sessioncommunities.online#contact"
target="_blank"
title="Information on how to contact the maintainer of sessioncommunities.online"

Loading…
Cancel
Save