External/5chan
1
0
Fork 0
mirror of https://github.com/bitsocialnet/5chan.git synced 2026-08-03 07:41:04 +02:00
Code Issues Packages Projects Releases Wiki Activity

feat(post): add post menu component with links to other clients

Browse Source
This commit is contained in:
Tom (plebeius.eth)
2024-05-27 12:28:18 +02:00
parent 7537066202
commit 08cb0736da
7 changed files with 223 additions and 95 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/themes.css
+58 -16
View File
@@ -103,6 +103,29 @@
--post-greentext-color: #789922;
--post-replies-expand-button-background-image: url("/public/assets/buttons/plus-red.png");
/* post form */
--post-form-toggle-font-size: 22px;
--post-form-toggle-font-weight: 700;
--post-form-field-title-background-color: #ea8;
--post-form-field-title-color: #800;
--post-form-field-border: 1px solid #800;
--post-form-field-title-font-weight: 700;
--post-form-field-title-padding: 0 5px;
--post-form-field-title-font-size: 10pt;
--post-form-field-input-border: 1px solid #aaa;
--post-form-field-font-family: arial, helvetica, sans-serif;
--post-form-field-input-appearance: none;
--post-form-field-input-outline: none;
--post-form-field-input-focus-border: 1px solid #ea8;
--post-form-field-input-color: #000;
/* post menu */
--post-menu-border-color: #d9bfb7;
--post-menu-background-color: #f0e0d6;
--post-menu-item-border-color: #d9bfb7;
--post-menu-item-background-color: #f0e0d6;
--post-menu-item-hover-background-color: #ffe;
/* post mobile */
--post-mobile-background-color: #f5e9e1;
--post-mobile-info-border-bottom: 1px solid #d9bfb7;
@@ -120,22 +143,6 @@
--post-mobile-file-info-text-color: #707070;
--post-mobile-content-font-size: 11pt;
/* post form */
--post-form-toggle-font-size: 22px;
--post-form-toggle-font-weight: 700;
--post-form-field-title-background-color: #ea8;
--post-form-field-title-color: #800;
--post-form-field-border: 1px solid #800;
--post-form-field-title-font-weight: 700;
--post-form-field-title-padding: 0 5px;
--post-form-field-title-font-size: 10pt;
--post-form-field-input-border: 1px solid #aaa;
--post-form-field-font-family: arial, helvetica, sans-serif;
--post-form-field-input-appearance: none;
--post-form-field-input-outline: none;
--post-form-field-input-focus-border: 1px solid #ea8;
--post-form-field-input-color: #000;
/* quotelink */
--post-quotelink-text-color: navy;
--post-quotelink-text-color-hover: red;
@@ -288,6 +295,13 @@
--post-form-field-input-focus-border: 1px solid #98e;
--post-form-field-input-color: #000;
/* post menu */
--post-menu-border-color: #b7c5d9;
--post-menu-background-color: #d6daf0;
--post-menu-item-border-color: #b7c5d9;
--post-menu-item-background-color: #d6daf0;
--post-menu-item-hover-background-color: #eef2ff;
/* post mobile */
--post-mobile-background-color: #d6daf0;
--post-mobile-info-border-bottom: 1px solid #b7c5d9;
@@ -427,6 +441,13 @@
--post-form-field-title-font-size: 16px;
--post-form-field-input-color: #000;
/* post menu */
--post-menu-border-color: #d9bfb7;
--post-menu-background-color: #f0e0d6;
--post-menu-item-border-color: #d9bfb7;
--post-menu-item-background-color: #f0e0d6;
--post-menu-item-hover-background-color: #ffe;
/* post mobile */
--post-mobile-background-color: #f5e9e1;
--post-mobile-info-border-bottom: 1px solid #d9bfb7;
@@ -576,6 +597,13 @@
--post-form-field-title-font-size: 16px;
--post-form-field-input-color: #000;
/* post menu */
--post-menu-border-color: #b7c5d9;
--post-menu-background-color: #d6daf0;
--post-menu-item-border-color: #b7c5d9;
--post-menu-item-background-color: #d6daf0;
--post-menu-item-hover-background-color: #eef2ff;
/* post mobile */
--post-mobile-background-color: #d6daf0;
--post-mobile-info-border-bottom: 1px solid #b7c5d9;
@@ -733,6 +761,13 @@
--post-form-field-input-appearance: none;
--post-form-field-input-outline: none;
/* post menu */
--post-menu-border-color: #000;
--post-menu-background-color: #282a2e;
--post-menu-item-border-color: #000;
--post-menu-item-background-color: #282a2e;
--post-menu-item-hover-background-color: #1d1f21;
/* post mobile */
--post-mobile-background-color: #282A2E;
--post-mobile-info-border-top: 1px solid #2D2F33;
@@ -908,6 +943,13 @@
--post-form-field-input-focus-border: 1px solid #ea8;
--post-form-field-input-color: #000;
/* post menu */
--post-menu-border-color: #ccc;
--post-menu-background-color: #ddd;
--post-menu-item-border-color: #ccc;
--post-menu-item-background-color: #ddd;
--post-menu-item-hover-background-color: #eee;
/* quotelink */
--post-quotelink-text-color: #f60;
--post-quotelink-text-color-hover: #f30;