Implemented basic RWD

2023-02-17 12:25:16 +01:00
parent db02993bde
commit cb48f3017a
2 changed files with 12 additions and 2 deletions
--- a/Frontend/assets/css/tools/r11form.css
+++ b/Frontend/assets/css/tools/r11form.css
@@ -482,3 +482,13 @@ textarea {
 code {
    line-height: 150%;
 }
+
+@media only screen and (max-width: 768px) {
+    .rwd-hideable {
+        display: none;
+    }
+
+    .rwd-expandable {
+        width: 100%;
+    }
+}
--- a/Frontend/tools/xpath.html
+++ b/Frontend/tools/xpath.html
@@ -14,7 +14,7 @@
 <body onload="init();">

    <div class="container">
-        <div id="tool" class="tool">
+        <div id="tool" class="tool rwd-expandable">
            <div class="tool-context">
                <div class="headline">
                    <h1>Online XPath tester <span class="versionInfo"><span class="version-span">v0.4</span></span></h1>
@@ -62,7 +62,7 @@

            </div>
        </div>
-        <div class="tooltip tooltip-window">
+        <div class="tooltip tooltip-window rwd-hideable">
            <h2>What is XPath?</h2>
            <p>XPath is a querry language used for selecting nodes from XML and processing them.<br>
                It may perform operations on strings, numbers and boolean values.<br></p>