Fixes a few things that have been bugging me: - Overflow buttons in list view now (mostly) take up the their full cell area, instead of there being a couple pixels around the button where clicking would do nothing or cause navigation - | before | after | | --- | --- | | <img width="238" alt="Screenshot 2024-07-16 at 3 35 25 PM" src="https://github.com/user-attachments/assets/afbda6d6-703b-4ed8-96be-a9c37660430d"> | <img width="236" alt="Screenshot 2024-07-16 at 3 35 02 PM" src="https://github.com/user-attachments/assets/417a326a-08d2-42b2-85c3-fa007ea3bff8"> | - Changes the class that `tab-list` uses internally so that it doesn't conflict with Tailwind's `container` class, which prevents the tab content from being limited at the default Tailwind container width - Adds a couple of Tailwind plugins for styling CSS parts (`part-[...]:`) and for arbitrary attributes (`attr-[...]:`)
5 lines
160 B
JavaScript
5 lines
160 B
JavaScript
const plugin = require("tailwindcss/plugin");
|
|
module.exports = plugin(function ({ matchVariant }) {
|
|
matchVariant("part", (value) => `&::part(${value})`);
|
|
});
|