From 6abfc7494d0566aba5318bcfc2b4784727982a42 Mon Sep 17 00:00:00 2001
From: Choom
Date: Mon, 16 Jan 2023 14:28:35 -0300
Subject: Fix css mobile
---
static/css/cyber.css | 4 +--
static/css/easymodo.css | 2 +-
static/css/hotdog.css | 8 +++---
static/css/ib.css | 73 +++++++++++++++++++++----------------------------
static/css/putaba.css | 10 +++----
static/css/vndb.css | 4 +--
static/js/weabot.js | 14 ++++------
7 files changed, 50 insertions(+), 65 deletions(-)
(limited to 'static')
diff --git a/static/css/cyber.css b/static/css/cyber.css
index 00f75a7..3504641 100644
--- a/static/css/cyber.css
+++ b/static/css/cyber.css
@@ -134,8 +134,8 @@ input[type="submit"]:active {
border-color: #93e0e3 !important;
box-shadow: 5px 5px #93e0e3;
}
-.pg,
-.userdelete,
+#pg,
+#userdelete,
.nav {
background: #2b2b2b;
border: 1px solid #2e8b57;
diff --git a/static/css/easymodo.css b/static/css/easymodo.css
index 15752f9..b8a00f4 100644
--- a/static/css/easymodo.css
+++ b/static/css/easymodo.css
@@ -65,7 +65,7 @@ a:hover .name b,
}
.reply,
#q-p,
-.pg {
+#pg {
background: #d6f0da;
}
.highlight {
diff --git a/static/css/hotdog.css b/static/css/hotdog.css
index bd4935a..81d271b 100644
--- a/static/css/hotdog.css
+++ b/static/css/hotdog.css
@@ -11,7 +11,7 @@ html, body{
background:#000;
color:#fff
}
-a, a .name, a .name b, .nav label, .pg a{
+a, a .name, a .name b, .nav label, #pg a{
color:#fff
}
.reply a, .reply a .name, .reply a .name b, .postform a, .oekform a, #main_nav a{
@@ -92,7 +92,7 @@ input[type="submit"]:active, input[type="button"]:active{
display:inline-block;
padding:0 2px
}
-.reply, #q-p, .pg{
+.reply, #q-p, #pg{
background:#ff0;
border:1px solid #000;
color:#000
@@ -149,12 +149,12 @@ select:focus{
outline:1px dotted #fff;
outline-offset:0
}
-.pg, .pg span {
+#pg, #pg span {
background:#f00;
border:1px solid #000;
color:#fff
}
-.userdel{
+#userdel{
border:4px double #000;
padding:2px
}
diff --git a/static/css/ib.css b/static/css/ib.css
index 25a5fc5..4202b67 100644
--- a/static/css/ib.css
+++ b/static/css/ib.css
@@ -92,6 +92,7 @@ textarea {
.postblock {
font-weight: bold;
padding: 3px;
+ white-space: nowrap;
}
.oekform {
margin-bottom: 0.5em;
@@ -109,11 +110,11 @@ textarea {
margin-left: 1em;
}
.thread {
- line-height: 18px;
+ line-height: 19px;
}
.thread table {
border-collapse: collapse;
- margin: 4px 0;
+ margin-top: 4px;
}
.reply .info {
line-height: 1;
@@ -148,10 +149,7 @@ textarea {
margin: 0;
padding: 0
}
-.thread.hidden > div,
-.thread.hidden > table,
-.thread.hidden > a,
-.thread.hidden > blockquote,
+body:not(.res) .thread.hidden > *,
.reply.hidden input,
.reply.hidden blockquote,
.reply.hidden .thumb,
@@ -160,33 +158,22 @@ textarea {
#catalog .hidden {
display: none;
}
-.res .thread.hidden > div,
-.res .thread.hidden > blockquote,
-#catalog .hidden a {
- display: block;
-}
-.res .thread.hidden > a {
- display: inline;
-}
-.res .thread.hidden > table {
- display: table;
-}
.reply.hidden .info {
opacity: 0.7;
}
.thread.hidden .unhide {
display: inline !important;
}
-.pg {
+#pg {
border: 1px solid;
border-spacing: 2px;
display: table;
}
-.pg span {
+#pg span {
border: 1px inset;
display: table-cell;
}
-.pg span input {
+#pg span input {
height: initial;
padding: 0.4em 1.2em;
}
@@ -212,7 +199,7 @@ textarea {
.nav {
line-height: 1;
}
-.thumbpreview {
+#thumbpreview {
display: inline-block;
max-height: 50px;
height: auto;
@@ -241,7 +228,6 @@ textarea {
width: 165px;
}
#catalog.enlarged .thread {
- margin: 0 .25em 1em;
max-height: 350px;
width: 265px;
}
@@ -266,9 +252,6 @@ textarea {
#catalog p {
margin: 0;
}
-#catalog.notxt p {
- display: none;
-}
#catalog .hidden {
display: none;
}
@@ -306,7 +289,7 @@ textarea {
.nav label {
text-decoration: underline;
}
-.userdel {
+#userdel {
float: right;
text-align: center;
white-space: nowrap;
@@ -347,12 +330,8 @@ textarea {
.postarea table {
border-spacing: 1px;
}
- .postblock {
- font-size: 10px;
- white-space: nowrap;
- }
.pass,
- .ell,
+ .thread td.ell,
.thumbmsg,
.fs small {
display: none;
@@ -362,29 +341,36 @@ textarea {
#postform input[type="submit"],
#postform textarea,
#postform input[type="file"],
+ #filepreview,
#rules {
max-width: 100%;
width: 100%;
}
- .thread {
- line-height: 16px;
+ .thread table,
+ .thread tbody,
+ .thread tr,
+ .thread td {
+ display: block;
+ width: 100%;
+ }
+ .thread td {
+ overflow: hidden;
}
.postform input[type="submit"] {
height: 2em;
margin-top: 2px;
}
- .fs .tt {
- font-size: 14px;
- }
+ .postblock,
#rules,
.fs,
.omitted,
.info,
.reply.deleted {
font-size: 12px;
+ line-height: 14px;
}
- #search span {
- display: list-item;
+ .hsbn {
+ font-size: 16px;
}
.reply .info {
padding-right: 0;
@@ -403,20 +389,23 @@ textarea {
blockquote {
margin: 8px !important;
}
- .userdel {
+ #userdel {
float: none;
}
- .pg {
+ #pg {
margin-top: 0.5em;
text-align: center;
width: 100%;
}
#oek_size,
- .pg span,
- .pg input {
+ #pg span,
+ #pg input {
display: block;
width: 100%;
}
+ #pg span {
+ padding: 4px;
+ }
#search input {
width: initial !important;
}
diff --git a/static/css/putaba.css b/static/css/putaba.css
index 5c246f5..45152dc 100644
--- a/static/css/putaba.css
+++ b/static/css/putaba.css
@@ -73,7 +73,7 @@ hr,
display: block;
}
.thread,
-.userdelete,
+#userdel,
.postform,
.oekform {
background: #fff;
@@ -150,7 +150,7 @@ hr,
background: #ccc;
outline: 2px dashed #aaa;
}
-.userdelete {
+#userdel{
padding: 5px;
}
input[type="submit"].psei {
@@ -163,7 +163,7 @@ input[type="submit"].psei {
float: left;
}
.managertable td,
-.pg {
+#pg {
background: #fff;
}
.managertable th {
@@ -196,8 +196,8 @@ input[type="submit"].psei {
}
@media (max-width: 600px) {
.thread,
- .userdel {
+ #userdel {
margin: 2em 0;
padding: 5px;
}
-}
\ No newline at end of file
+}
diff --git a/static/css/vndb.css b/static/css/vndb.css
index a8b8c78..90481f2 100644
--- a/static/css/vndb.css
+++ b/static/css/vndb.css
@@ -105,8 +105,8 @@ hr {
border: 1px solid #258;
color: #ddd;
}
-.pg,
-.pg td {
+#pg,
+#pg td {
background: rgba(7, 28, 47, 0.8);
border: 1px solid #258;
}
diff --git a/static/js/weabot.js b/static/js/weabot.js
index 04ac483..693d138 100644
--- a/static/js/weabot.js
+++ b/static/js/weabot.js
@@ -146,10 +146,12 @@ function filePreview(e) {
prev.removeAttribute("style");
var fname =
file.name.length < 20 ? file.name : file.name.substr(0, 19) + "…";
- if (file.type.startsWith("image"))
+ if (file.type.startsWith("image")) {
prev.insertAdjacentHTML("beforeend",
- '
' + fname);
- else prev.insertAdjacentHTML("beforeend", fname);
+ ' ' + fname);
+ } else {
+ prev.insertAdjacentHTML("beforeend", fname);
+ }
prev.appendChild(document.createTextNode(" ["));
var btn = document.createElement("a");
btn.href = "#";
@@ -336,12 +338,6 @@ document.addEventListener("DOMContentLoaded", function(e) {
this.innerText = (this.innerText == "Pequeño") ? "Grande" : "Pequeño";
});
- document.getElementById("cat-hide").addEventListener("click", function(e) {
- e.preventDefault();
- cat.classList.toggle("notxt");
- this.innerText = (this.innerText == "Ocultar") ? "Mostrar" : "Ocultar";
- });
-
document.getElementById("cat-srch").addEventListener("keyup", catSearch);
document.getElementById("hid-num").addEventListener("click", function(e) {
--
cgit v1.2.1-18-gbd029