mirror/seedit
1
0
Fork 0
mirror of https://github.com/plebbit/seedit.git synced 2026-02-07 20:41:04 -05:00
Code Issues Packages Projects Releases Wiki Activity

fix missing border, wrong spacing

Browse Source
This commit is contained in:
Tom (plebeius.eth)
2025-03-25 13:02:55 +01:00
parent 9907f9eabb
commit dfd13224b2
4 changed files with 27 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/components/reply-form/reply-form.module.css
View File

@@ -1,9 +1,11 @@
.mdContainer {
margin: 5px 0 10px 0px;
font-size: small;
padding: 0 1px;
max-width: 500px;
unicode-bidi: isolate;
margin-top: 5px;
margin-bottom: -9px;
padding-bottom: 10px;
}
.infobar {
@@ -36,6 +38,7 @@
}
.mdContainerReplying {
border-left: var(--reply-child-border-left);
margin-left: 25px;
}
@@ -83,9 +86,10 @@
font-size: 12px;
padding-bottom: 2px;
padding-top: 2px;
clear: both;
display: flex;
gap: 10px;
margin-bottom: 0;
overflow: hidden;
}
.markdownHelp {

32
src/components/reply-form/reply-form.tsx
View File

@@ -163,21 +163,23 @@ const ReplyForm = ({ cid, isReplyingToReply, hideReplyForm, subplebbitAddress, p
<div className={mdContainerClass}>
<div className={styles.md}>
{isOffline && isTextareaFocused && <div className={styles.infobar}>{offlineTitle}</div>}
<div className={styles.options}>
<span className={urlClass}>
{t('media_url')}: <input className={`${styles.url} ${urlClass}`} onChange={(e) => setPublishReplyOptions.link(e.target.value)} />
</span>
<span className={`${styles.spoiler} ${spoilerClass}`}>
<label>
{t('spoiler')}: <input type='checkbox' className={styles.checkbox} onChange={(e) => setPublishReplyOptions.spoiler(e.target.checked)} />
</label>
</span>
<span className={`${styles.spoiler} ${nsfwClass}`}>
<label>
{t('nsfw')}: <input type='checkbox' className={styles.checkbox} onChange={(e) => setPublishReplyOptions.nsfw(e.target.checked)} />
</label>
</span>
</div>
{showOptions && (
<div className={styles.options}>
<span className={urlClass}>
{t('media_url')}: <input className={`${styles.url} ${urlClass}`} onChange={(e) => setPublishReplyOptions.link(e.target.value)} />
</span>
<span className={`${styles.spoiler} ${spoilerClass}`}>
<label>
{t('spoiler')}: <input type='checkbox' className={styles.checkbox} onChange={(e) => setPublishReplyOptions.spoiler(e.target.checked)} />
</label>
</span>
<span className={`${styles.spoiler} ${nsfwClass}`}>
<label>
{t('nsfw')}: <input type='checkbox' className={styles.checkbox} onChange={(e) => setPublishReplyOptions.nsfw(e.target.checked)} />
</label>
</span>
</div>
)}
{!showPreview ? (
<textarea
className={styles.textarea}

4
src/components/reply/reply.module.css
View File

@@ -1,7 +1,7 @@
.nested {
margin-top: 10px;
margin-left: 25px;
border-left: 1px dotted #DDF;
border-left: var(--reply-child-border-left);
}
.replyWrapper {
@@ -315,7 +315,7 @@
.continueThisThread {
display: block;
margin: 10px 0 0 25px;
border-left: 1px dotted #DDF;
border-left: var(--reply-child-border-left);
font-size: 12px;
}

2
src/themes.css
View File

@@ -64,6 +64,7 @@
--red: rgb(255, 21, 21);
--red-nsfw: rgb(255, 55, 89);
--removed-reply-backgrouhd-color: rgb(27, 30, 32);
--reply-child-border-left: 1px dotted rgb(57, 57, 66);
--submitter-color: rgb(67, 166, 255);
--text: #bfbfbf;
--text-button: url("/assets/buttons/text-button-dark.png");
@@ -157,6 +158,7 @@
--red: red;
--red-nsfw: #d10023;
--removed-reply-backgrouhd-color: #f0f0f0;
--reply-child-border-left: 1px dotted #DDF;
--submitter-color: #0055df;
--text: black;
--text-button: url("/assets/buttons/text-button.png");