From 801f663959189a623abd715f546b3f05b3d1503d Mon Sep 17 00:00:00 2001
From: n9k <originalcocaineninja@protonmail.com>
Date: Wed, 16 Feb 2022 21:34:31 +0000
Subject: [PATCH] Limit info height to max for viewport in mobile view

Remove padding around non-tripcode tripcode in the nojs chat form
---
 .gitignore                          |  1 +
 anonstream/static/style.css         | 12 +++++++-----
 anonstream/templates/home.html      |  2 +-
 anonstream/templates/nojs_form.html |  3 +++
 anonstream/templates/nojs_info.html |  3 ++-
 5 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/.gitignore b/.gitignore
index 408c1f9..829e6cc 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,3 @@
 __pycache__/
 stream/
+*~
diff --git a/anonstream/static/style.css b/anonstream/static/style.css
index 219ef7b..ffe6105 100644
--- a/anonstream/static/style.css
+++ b/anonstream/static/style.css
@@ -61,13 +61,15 @@ noscript {
 }
 #info_js {
   overflow-y: auto;
-  margin: 1ch 1.5ch;
+  padding: 1ch 1.5ch;
+  height: 100%;
 }
 #info_js__title {
   font-size: 18pt;
+  overflow-wrap: anywhere;
 }
 #info_nojs {
-  height: var(--nojs-info-height);
+  height: 100%;
 }
 
 #chat {
@@ -213,6 +215,9 @@ footer {
 #both:target #info_nojs {
   height: 9ch;
 }
+#info:target {
+  grid-row-end: chat-end;
+}
 
 @media (min-width: 720px) {
   :root {
@@ -241,7 +246,4 @@ footer {
     border-left: var(--chat-border);
     min-height: 100%;
   }
-  #both:target #info_nojs {
-    height: var(--nojs-info-height);
-  }
 }
diff --git a/anonstream/templates/home.html b/anonstream/templates/home.html
index e7d67e3..85f2557 100644
--- a/anonstream/templates/home.html
+++ b/anonstream/templates/home.html
@@ -15,7 +15,7 @@
       <noscript><iframe id="chat-messages_nojs" src="{{ url_for('nojs_chat', token=user.token, _anchor='bottom') }}" data-js="false"></iframe></noscript>
     </article>
     <section id="chat__form">
-      <noscript><iframe id="chat-form_nojs" src="{{ url_for('nojs_form', token=user.token, _anchor='notice') }}" data-js="false"></iframe></noscript>
+      <noscript><iframe id="chat-form_nojs" src="{{ url_for('nojs_form', token=user.token) }}" data-js="false"></iframe></noscript>
     </section>
   </aside>
   <nav id="toggle">
diff --git a/anonstream/templates/nojs_form.html b/anonstream/templates/nojs_form.html
index adb7b8e..8c03725 100644
--- a/anonstream/templates/nojs_form.html
+++ b/anonstream/templates/nojs_form.html
@@ -35,6 +35,9 @@
       font-family: monospace;
       cursor: default;
     }
+    .tripcode:not(#tripcode) {
+      padding: 0;
+    }
     #tripcode {
       cursor: pointer;
       margin-right: 4px;
diff --git a/anonstream/templates/nojs_info.html b/anonstream/templates/nojs_info.html
index a34cc3a..1699c32 100644
--- a/anonstream/templates/nojs_info.html
+++ b/anonstream/templates/nojs_info.html
@@ -7,10 +7,11 @@
       overflow-y: auto;
       margin: 1ch 1.5ch;
       font-family: sans-serif;
+      color: #ddd;
     }
     #title {
-      color: #ddd;
       font-size: 18pt;
+      overflow-wrap: anywhere;
     }
   </style>
 </head>