From 61fb5745a36e731f5c9b9d320291ea79f57a0ba2 Mon Sep 17 00:00:00 2001
From: Mateusz Charytoniuk <mateusz.charytoniuk@protonmail.com>
Date: Wed, 17 Apr 2024 18:56:42 +0200
Subject: [PATCH] fix(docs): mobile font
---
resources/css/docs-common.css | 10 +---
resources/css/docs-formatted-content.css | 55 ++++++++++++-------
resources/css/docs-page-homepage.css | 6 +-
...info-e3e3e3.svg => circle-info-000000.svg} | 2 +-
resources/icons/fire-000000.svg | 7 +++
resources/icons/fire-e3e3e3.svg | 7 ---
.../{info-e3e3e3.svg => info-000000.svg} | 2 +-
...htbulb-e3e3e3.svg => lightbulb-000000.svg} | 2 +-
.../{search-e3e3e3.svg => search-000000.svg} | 2 +-
...e3.svg => triangle-exclamation-000000.svg} | 2 +-
10 files changed, 52 insertions(+), 43 deletions(-)
rename resources/icons/{circle-info-e3e3e3.svg => circle-info-000000.svg} (96%)
create mode 100644 resources/icons/fire-000000.svg
delete mode 100644 resources/icons/fire-e3e3e3.svg
rename resources/icons/{info-e3e3e3.svg => info-000000.svg} (96%)
rename resources/icons/{lightbulb-e3e3e3.svg => lightbulb-000000.svg} (98%)
rename resources/icons/{search-e3e3e3.svg => search-000000.svg} (97%)
rename resources/icons/{triangle-exclamation-e3e3e3.svg => triangle-exclamation-000000.svg} (96%)
diff --git a/resources/css/docs-common.css b/resources/css/docs-common.css
index 626a3a53..81a34f0f 100644
--- a/resources/css/docs-common.css
+++ b/resources/css/docs-common.css
@@ -122,18 +122,12 @@ a:active,
*/
.heading-permalink {
- display: inline-block;
color: var(--color-link-active);
+ display: inline-block;
font-size: 1em;
+ position: absolute;
text-decoration: none;
user-select: none;
-
- @media screen and (min-width: 1480px) {
- left: calc(-1ch - 10px);
- position: absolute;
- top: 50%;
- transform: translateY(-50%);
- }
}
.heading-permalink:target {
diff --git a/resources/css/docs-formatted-content.css b/resources/css/docs-formatted-content.css
index 2c0dd923..5c16874c 100644
--- a/resources/css/docs-formatted-content.css
+++ b/resources/css/docs-formatted-content.css
@@ -3,42 +3,43 @@
*/
.admonition {
- background-color: #55555511;
- background-image: url("../icons/circle-info-e3e3e3.svg");
- background-position: 14px calc(var(--font-size-base) + 2px);
+ background-color: #55555505;
+ background-image: url("../icons/circle-info-000000.svg");
+ background-position: 20px 42px;
background-repeat: no-repeat;
background-size: 24px 24px;
- border-color: #555;
- border-style: solid;
- border-width: 1px;
+ border-color: #555555aa;
+ border-style: dashed;
+ border-width: 4px;
display: flex;
flex-direction: column;
- padding: 20px 20px 20px 60px;
+ margin: 20px 0;
+ padding: 40px 20px 40px 60px;
row-gap: 1em;
}
.admonition.admonition--caution {
- background-image: url("../icons/triangle-exclamation-e3e3e3.svg");
- background-color: #a0721e11;
- border-color: #a0721e;
+ background-image: url("../icons/triangle-exclamation-000000.svg");
+ background-color: #a0721e05;
+ border-color: #a0721eaa;
}
.admonition.admonition--danger {
- background-image: url("../icons/fire-e3e3e3.svg");
- background-color: #a61f1f11;
- border-color: #a61f1f;
+ background-image: url("../icons/fire-000000.svg");
+ background-color: #a61f1f05;
+ border-color: #a61f1faa;
}
.admonition.admonition--info {
- background-image: url("../icons/info-e3e3e3.svg");
- background-color: #3b5dbb11;
- border-color: #3b5dbb;
+ background-image: url("../icons/info-000000.svg");
+ background-color: #3b5dbb05;
+ border-color: #3b5dbbaa;
}
.admonition.admonition--tip {
- background-image: url("../icons/lightbulb-e3e3e3.svg");
- background-color: #669a5211;
- border-color: #669a52;
+ background-image: url("../icons/lightbulb-000000.svg");
+ background-color: #669a5205;
+ border-color: #669a52aa;
}
/**
@@ -110,13 +111,25 @@
}
h1 {
- font-size: 3em;
margin-top: 1em;
+
+ @media screen and (max-width: 1023px) {
+ font-size: 2em;
+ }
+ @media screen and (min-width: 1024px) {
+ font-size: 3em;
+ }
}
h2 {
- font-size: 2em;
margin-top: 1em;
+
+ @media screen and (max-width: 1023px) {
+ font-size: 1.5em;
+ }
+ @media screen and (min-width: 1024px) {
+ font-size: 2em;
+ }
}
h3 {
diff --git a/resources/css/docs-page-homepage.css b/resources/css/docs-page-homepage.css
index 3bded0b1..dc815085 100644
--- a/resources/css/docs-page-homepage.css
+++ b/resources/css/docs-page-homepage.css
@@ -25,7 +25,8 @@
flex-direction: column;
height: 460px;
padding: 40px 20px;
- overflow-y: scroll;
+ overflow-x: scroll;
+ overflow-y: hidden;
row-gap: 20px;
max-width: 100vw;
@@ -71,6 +72,7 @@
p {
flex-grow: 1;
+ font-size: var(--font-size-smaller);
padding: 20px;
}
}
@@ -81,7 +83,7 @@
text-align: right;
&::after {
- content: "→";
+ content: " →";
}
}
diff --git a/resources/icons/circle-info-e3e3e3.svg b/resources/icons/circle-info-000000.svg
similarity index 96%
rename from resources/icons/circle-info-e3e3e3.svg
rename to resources/icons/circle-info-000000.svg
index 2a870ba9..d0e389b9 100644
--- a/resources/icons/circle-info-e3e3e3.svg
+++ b/resources/icons/circle-info-000000.svg
@@ -2,6 +2,6 @@
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
<path
d="M256 512A256 256 0 1 0 256 0a256 256 0 1 0 0 512zM216 336h24V272H216c-13.3 0-24-10.7-24-24s10.7-24 24-24h48c13.3 0 24 10.7 24 24v88h8c13.3 0 24 10.7 24 24s-10.7 24-24 24H216c-13.3 0-24-10.7-24-24s10.7-24 24-24zm40-208a32 32 0 1 1 0 64 32 32 0 1 1 0-64z"
- fill="#e3e3e3"
+ fill="#000000"
/>
</svg>
diff --git a/resources/icons/fire-000000.svg b/resources/icons/fire-000000.svg
new file mode 100644
index 00000000..b20e1146
--- /dev/null
+++ b/resources/icons/fire-000000.svg
@@ -0,0 +1,7 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
+<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
+<path
+ d="M159.3 5.4c7.8-7.3 19.9-7.2 27.7 .1c27.6 25.9 53.5 53.8 77.7 84c11-14.4 23.5-30.1 37-42.9c7.9-7.4 20.1-7.4 28 .1c34.6 33 63.9 76.6 84.5 118c20.3 40.8 33.8 82.5 33.8 111.9C448 404.2 348.2 512 224 512C98.4 512 0 404.1 0 276.5c0-38.4 17.8-85.3 45.4-131.7C73.3 97.7 112.7 48.6 159.3 5.4zM225.7 416c25.3 0 47.7-7 68.8-21c42.1-29.4 53.4-88.2 28.1-134.4c-4.5-9-16-9.6-22.5-2l-25.2 29.3c-6.6 7.6-18.5 7.4-24.7-.5c-16.5-21-46-58.5-62.8-79.8c-6.3-8-18.3-8.1-24.7-.1c-33.8 42.5-50.8 69.3-50.8 99.4C112 375.4 162.6 416 225.7 416z"
+ fill="#000000"
+/>
+</svg>
diff --git a/resources/icons/fire-e3e3e3.svg b/resources/icons/fire-e3e3e3.svg
deleted file mode 100644
index 2d3918df..00000000
--- a/resources/icons/fire-e3e3e3.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512">
-<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
-<path
- d="M159.3 5.4c7.8-7.3 19.9-7.2 27.7 .1c27.6 25.9 53.5 53.8 77.7 84c11-14.4 23.5-30.1 37-42.9c7.9-7.4 20.1-7.4 28 .1c34.6 33 63.9 76.6 84.5 118c20.3 40.8 33.8 82.5 33.8 111.9C448 404.2 348.2 512 224 512C98.4 512 0 404.1 0 276.5c0-38.4 17.8-85.3 45.4-131.7C73.3 97.7 112.7 48.6 159.3 5.4zM225.7 416c25.3 0 47.7-7 68.8-21c42.1-29.4 53.4-88.2 28.1-134.4c-4.5-9-16-9.6-22.5-2l-25.2 29.3c-6.6 7.6-18.5 7.4-24.7-.5c-16.5-21-46-58.5-62.8-79.8c-6.3-8-18.3-8.1-24.7-.1c-33.8 42.5-50.8 69.3-50.8 99.4C112 375.4 162.6 416 225.7 416z"
- fill="#e3e3e3"
- />
-</svg>
diff --git a/resources/icons/info-e3e3e3.svg b/resources/icons/info-000000.svg
similarity index 96%
rename from resources/icons/info-e3e3e3.svg
rename to resources/icons/info-000000.svg
index af16cb6e..49f63e71 100644
--- a/resources/icons/info-e3e3e3.svg
+++ b/resources/icons/info-000000.svg
@@ -2,6 +2,6 @@
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
<path
d="M48 80a48 48 0 1 1 96 0A48 48 0 1 1 48 80zM0 224c0-17.7 14.3-32 32-32H96c17.7 0 32 14.3 32 32V448h32c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H64V256H32c-17.7 0-32-14.3-32-32z"
- fill="#e3e3e3"
+ fill="#000000"
/>
</svg>
diff --git a/resources/icons/lightbulb-e3e3e3.svg b/resources/icons/lightbulb-000000.svg
similarity index 98%
rename from resources/icons/lightbulb-e3e3e3.svg
rename to resources/icons/lightbulb-000000.svg
index 15206c01..d12edce5 100644
--- a/resources/icons/lightbulb-e3e3e3.svg
+++ b/resources/icons/lightbulb-000000.svg
@@ -2,6 +2,6 @@
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
<path
d="M297.2 248.9C311.6 228.3 320 203.2 320 176c0-70.7-57.3-128-128-128S64 105.3 64 176c0 27.2 8.4 52.3 22.8 72.9c3.7 5.3 8.1 11.3 12.8 17.7l0 0c12.9 17.7 28.3 38.9 39.8 59.8c10.4 19 15.7 38.8 18.3 57.5H109c-2.2-12-5.9-23.7-11.8-34.5c-9.9-18-22.2-34.9-34.5-51.8l0 0 0 0c-5.2-7.1-10.4-14.2-15.4-21.4C27.6 247.9 16 213.3 16 176C16 78.8 94.8 0 192 0s176 78.8 176 176c0 37.3-11.6 71.9-31.4 100.3c-5 7.2-10.2 14.3-15.4 21.4l0 0 0 0c-12.3 16.8-24.6 33.7-34.5 51.8c-5.9 10.8-9.6 22.5-11.8 34.5H226.4c2.6-18.7 7.9-38.6 18.3-57.5c11.5-20.9 26.9-42.1 39.8-59.8l0 0 0 0 0 0c4.7-6.4 9-12.4 12.7-17.7zM192 128c-26.5 0-48 21.5-48 48c0 8.8-7.2 16-16 16s-16-7.2-16-16c0-44.2 35.8-80 80-80c8.8 0 16 7.2 16 16s-7.2 16-16 16zm0 384c-44.2 0-80-35.8-80-80V416H272v16c0 44.2-35.8 80-80 80z"
- fill="#e3e3e3"
+ fill="#000000"
/>
</svg>
diff --git a/resources/icons/search-e3e3e3.svg b/resources/icons/search-000000.svg
similarity index 97%
rename from resources/icons/search-e3e3e3.svg
rename to resources/icons/search-000000.svg
index af96458a..f84ccfeb 100644
--- a/resources/icons/search-e3e3e3.svg
+++ b/resources/icons/search-000000.svg
@@ -1,6 +1,6 @@
<?xml version="1.0" encoding="utf-8"?>
<svg
- fill="#e3e3e3"
+ fill="#000000"
version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
diff --git a/resources/icons/triangle-exclamation-e3e3e3.svg b/resources/icons/triangle-exclamation-000000.svg
similarity index 96%
rename from resources/icons/triangle-exclamation-e3e3e3.svg
rename to resources/icons/triangle-exclamation-000000.svg
index c488b043..7e83c2db 100644
--- a/resources/icons/triangle-exclamation-e3e3e3.svg
+++ b/resources/icons/triangle-exclamation-000000.svg
@@ -2,6 +2,6 @@
<!--! Font Awesome Free 6.4.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2023 Fonticons, Inc. -->
<path
d="M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7 .2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8 .2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24V296c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z"
- fill="#e3e3e3"
+ fill="#000000"
/>
</svg>
--
GitLab