style: move likeable post checkbox to affixed in desktop

dappforce · Feb 2, 2024 · 8d6c94b · 8d6c94b
1 parent 9464dff
commit 8d6c94b
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 0 deletions.
diff --git a/src/components/main/HomePageFilters.tsx b/src/components/main/HomePageFilters.tsx
@@ -140,6 +140,18 @@ export const Filters = (props: Props) => {
     filters = filters.filter(({ value }) => value !== 'hot')
   }
 
+  if (isAffix && showLikablePostsCheckbox) {
+    return (
+      <div className={clsx('AffixCheckbox')}>
+        <Checkbox checked={value} onChange={e => setValue(e.target.checked)}>
+          <span className='ColorMuted' style={{ userSelect: 'none' }}>
+            Show likeable posts
+          </span>
+        </Checkbox>
+      </div>
+    )
+  }
+
   return (
     <div className={`DfFilters ${!isAffix ? 'mt-3' : ''}`}>
       <Row className={style.DfGridParams}>

diff --git a/src/styles/subsocial.scss b/src/styles/subsocial.scss
@@ -2340,3 +2340,10 @@ hr {
 .text-wrap-balance {
   text-wrap: balance;
 }
+
+.AffixCheckbox {
+  position: absolute;
+  top: 0;
+  right: 0;
+  transform: translateY(10px);
+}