aboutsummaryrefslogtreecommitdiff
path: root/static
diff options
context:
space:
mode:
authorr <r@freesoftwareextremist.com>2022-09-23 17:22:54 +0000
committerr <r@freesoftwareextremist.com>2022-09-23 17:22:54 +0000
commitf55595ddb63bd8afb4c85945b82aa1f174050e6b (patch)
tree3e9f909097c026b065365846ca8143295097a09f /static
parentb8c0133bcd5e7f1d4063ad992949cc19d18e7aad (diff)
parent68698a9e1afce43ef807d6b5f892ca1c0f905b8a (diff)
downloadbloat-f55595ddb63bd8afb4c85945b82aa1f174050e6b.tar.gz
bloat-f55595ddb63bd8afb4c85945b82aa1f174050e6b.zip
Merge branch 'master' into absolute_fluorideabsolute_fluoride
Diffstat (limited to 'static')
-rw-r--r--static/fluoride.js22
-rw-r--r--static/style.css37
2 files changed, 44 insertions, 15 deletions
diff --git a/static/fluoride.js b/static/fluoride.js
index 279483f..e6624d1 100644
--- a/static/fluoride.js
+++ b/static/fluoride.js
@@ -152,6 +152,7 @@ function replyToLinkLocal(a) {
var copy = status.cloneNode(true);
copy.id = "reply-to-popup";
var ract = event.target.getBoundingClientRect();
+ copy.style["max-width"] = (window.innerWidth - ract.left - 32) + "px";
if (ract.top > window.innerHeight / 2) {
copy.style.bottom = (window.innerHeight -
window.scrollY - ract.top) + "px";
@@ -245,6 +246,7 @@ function handleReplyLink(a) {
var copy = status.cloneNode(true);
copy.id = "reply-popup";
var ract = event.target.getBoundingClientRect();
+ copy.style["max-width"] = (window.innerWidth - 98) + "px";
if (ract.left > window.innerWidth / 2) {
copy.style.right = (window.innerWidth -
ract.right - 12) + "px";
@@ -334,6 +336,20 @@ function handleImgPreview(a) {
}
}
+function onPaste(e) {
+ if (!e.clipboardData.files)
+ return;
+ var fp = document.querySelector("#post-file-picker")
+ var dt = new DataTransfer();
+ for (var i = 0; i < fp.files.length; i++) {
+ dt.items.add(fp.files[i]);
+ }
+ for (var i = 0; i < e.clipboardData.files.length; i++) {
+ dt.items.add(e.clipboardData.files[i]);
+ }
+ fp.files = dt.files;
+}
+
document.addEventListener("DOMContentLoaded", function() {
checkCSRFToken();
checkAntiDopamineMode();
@@ -363,7 +379,7 @@ document.addEventListener("DOMContentLoaded", function() {
}
}
- var links = document.querySelectorAll(".user-profile-decription a");
+ var links = document.querySelectorAll(".user-profile-decription a, .user-fields a");
for (var j = 0; j < links.length; j++) {
links[j].target = "_blank";
}
@@ -372,6 +388,10 @@ document.addEventListener("DOMContentLoaded", function() {
for (var j = 0; j < links.length; j++) {
handleImgPreview(links[j]);
}
+
+ var pf = document.querySelector(".post-form")
+ if (pf)
+ pf.addEventListener("paste", onPaste);
});
// @license-end
diff --git a/static/style.css b/static/style.css
index 4e2a196..19cceab 100644
--- a/static/style.css
+++ b/static/style.css
@@ -194,11 +194,14 @@ textarea {
border-color: #777777;
}
-.notification-container.favourite .status-container,
-.notification-container.reblog .status-container {
+.notification-container .status-container {
opacity: 0.6;
}
+.notification-container.mention .status-container {
+ opacity: unset;
+}
+
.notification-info-text span {
vertical-align: middle;
}
@@ -277,7 +280,8 @@ textarea {
margin-top: 2px;
}
-.user-profile-decription {
+.user-profile-decription,
+.user-fields {
overflow-wrap: break-word;
margin: 8px 0;
}
@@ -286,10 +290,22 @@ textarea {
margin: 0;
}
+.user-profile-decription img {
+ height: auto;
+ width: auto;
+ max-height: 240px;
+ max-width: 280px;
+ object-fit: contain;
+}
+
.d-inline {
display: inline;
}
+.p-0 {
+ padding: 0;
+}
+
.btn-link {
border: none;
outline: none;
@@ -354,10 +370,6 @@ a:hover,
display: none;
}
-.post-form-field>* {
- vertical-align: middle;
-}
-
.emoji-item-container {
width: 220px;
display: inline-block;
@@ -422,9 +434,6 @@ img.emoji {
margin-right: 2px;
}
-.user-list-container {
-}
-
.user-list-item {
overflow: auto;
margin: 0 0 12px 0;
@@ -441,6 +450,10 @@ img.emoji {
overflow: auto;
}
+.user-list-action {
+ margin: 0 12px;
+}
+
#settings-form {
margin: 8px 0;
}
@@ -449,10 +462,6 @@ img.emoji {
margin: 4px 0;
}
-.settings-form-field>* {
- vertical-align: middle;
-}
-
#settings-form button[type=submit] {
margin-top: 8px;
}