feat(reply): add floating quote preview

This commit is contained in:
Tom (plebeius.eth)
2024-06-05 22:18:45 +02:00
parent 1911b623d9
commit b44fb15078
7 changed files with 115 additions and 21 deletions
+27 -3
View File
@@ -151,7 +151,11 @@
--post-quotelink-text-color: navy;
--post-quotelink-text-color-hover: red;
--post-quotelink-text-decoration: underline;
--post-quotelink-text-decoration-hover: underline;
--post-quotelink-text-decoration-hover: underline;
--quote-preview-background: #f0e0d6;
--quote-preview-border: 1px solid #d9bfb7;
--quote-preview-border-right: 2px solid #d9bfb7;
--quote-preview-border-bottom: 2px solid #d9bfb7;
/* reply desktop */
--side-arrows-color: #e0bfb7;
@@ -346,7 +350,11 @@
--post-quotelink-text-color: #d00;
--post-quotelink-text-color-hover: #d00;
--post-quotelink-text-decoration: underline;
--post-quotelink-text-decoration-hover: underline;
--post-quotelink-text-decoration-hover: underline;
--quote-preview-background: #d6daf0;
--quote-preview-border: 1px solid #b7c5d9;
--quote-preview-border-right: 2px solid #b7c5d9;
--quote-preview-border-bottom: 2px solid #b7c5d9;
/* reply desktop */
--side-arrows-color: #b7c5d9;
@@ -513,6 +521,10 @@
--post-quotelink-text-color-hover: red;
--post-quotelink-text-decoration: underline;
--post-quotelink-text-decoration-hover: underline;
--quote-preview-background: #f0e0d6;
--quote-preview-border: 1px solid rgba(0,0,0,.2);
--quote-preview-border-right: 2px solid rgba(0,0,0,.2);
--quote-preview-border-bottom: 2px solid rgba(0,0,0,.2);
/* reply desktop */
--side-arrows-color: #e0bfb7;
@@ -687,7 +699,11 @@
--post-quotelink-text-color: #d00;
--post-quotelink-text-color-hover: #d00;
--post-quotelink-text-decoration: underline;
--post-quotelink-text-decoration-hover: underline;
--post-quotelink-text-decoration-hover: underline;
--quote-preview-background: #d6daf0;
--quote-preview-border: 1px solid rgba(0,0,0,.2);
--quote-preview-border-right: 2px solid rgba(0,0,0,.2);
--quote-preview-border-bottom: 2px solid rgba(0,0,0,.2);
/* reply desktop */
--side-arrows-color: #b7c5d9;
@@ -874,6 +890,10 @@
--post-quotelink-text-color-hover: #81a2be;
--post-quotelink-text-decoration: underline;
--post-quotelink-text-decoration-hover: underline;
--quote-preview-background: #282a2e;
--quote-preview-border: 1px solid #333;
--quote-preview-border-right: 1px solid #333;
--quote-preview-border-bottom: 1px solid #333;
/* reply desktop */
--side-arrows-color: #c5c8c6;
@@ -1058,6 +1078,10 @@
--post-quotelink-text-color-hover: #f30;
--post-quotelink-text-decoration: underline;
--post-quotelink-text-decoration-hover: underline;
--quote-preview-background: #ddd;
--quote-preview-border: 1px solid #ccc;
--quote-preview-border-right: 1px solid #ccc;
--quote-preview-border-bottom: 1px solid #ccc;
/* reply desktop */
--side-arrows-color: #333;