• 1 Post
  • 360 Comments
Joined 2 years ago
Cake day: July 2nd, 2023
  • foggy@lemmy.worldtoFediverse@lemmy.world•I've recently turned into a blocker.English
    1·
    5 days ago

    Show it.

    Take for example the case where person A has blocked person B.

    Person C comments. Person B responds.

    New thread, same post, person C comments about how some people think like person B, and quote them.

    As is the current case, person A can see this quoted material. It’s just text. It’s not in any programmatic way tied to the person B account.

    We don’t need to change this just because it’s a child comment of person B.

  • foggy@lemmy.worldtoFediverse@lemmy.world•I've recently turned into a blocker.English
    11·
    6 days ago

    Been doing this with a warning system. I tag shitty people and block them if I see a person who is tagged acting shitty.

    2 years in, no regrets.

    I do wish Lemmy would fix the blocking system though. If someone who I’ve blocked responds to me, I don’t see it. Fair enough, but I also don’t see what people who respond to that say. I feel like it should just show the username as [blocked] and the content as [hidden] with an option for me to show that content/username, while keeping the rest of the child content fully visible.

  • foggy@lemmy.worldtoFediverse@lemmy.world•Is there a Lemmy server/way that doesn't require allowing javascript of a million other servers?English
    52·
    5 months ago

    Yesterday:

    <nav script="dropdown.js" style="dropdown.css">
  <button onclick="toggleDropdown()">Menu</button>
</nav>

    Today:

    // index.js
import React from 'react';
import ReactDOM from 'react-dom';
import './global.css';
import App from './App';

ReactDOM.createRoot(document.getElementById('root')).render(<App />);

// App.jsx
import Dropdown from './components/Dropdown';
import './App.css';

export default function App() {
  return (
    <main>
      <Dropdown />
      <p>Hello, world!</p>
    </main>
  );
}

// components/Dropdown.jsx
import { useState } from 'react';
import styles from './Dropdown.module.css';
import ArrowIcon from '../assets/icons/ArrowIcon.jsx';

export default function Dropdown() {
  const [open, setOpen] = useState(false);
  return (
   <div className={styles.dropdown}>
      <button onClick={() => setOpen(!open)}>Menu <ArrowIcon /></button>
      {open && (
        <ul>
          <li>Option 1</li>
          <li>Option 2</li>
        </ul>
      )}
    </div>
  );
}