Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged PR, removed SCSS warnings, added rows, columns, :user-valid, labels to groups and more #638

Open
wants to merge 66 commits into
base: main
Choose a base branch
from

Conversation

Yohn
Copy link

@Yohn Yohn commented Nov 27, 2024

I wasnt sure if this was still maintained and added some helpful resourced I created, and merged a bunch of open pull requests that corrected some issues.

Heres my Fork and Heres an updated Demo

y2kbugger and others added 30 commits April 23, 2024 19:42
Given a dropdown that contains an accordion within it, the accordion renders as a dropdown because the summary selector also selects the children of a dropdown element. This fixes that so it renders as expected.

```
<details class="dropdown">
   <summary> Select a phase of matter... </summary>
   <ul>
      <li>
         <details>
            <summary> This is a dropdown option </summary>
            <ul>
               <li><label><input type="radio" name="phase" value="gas"> Gas </label></li>
               <li><label><input type="radio" name="phase" value="plasma"> Plasma </label></li>
            </ul>
         </details>
      </li>
   </ul>
</details>
```
fix: Card in modal does not use modal styling
Add date to list of excluded input types.
fix: don't count hidden rows in table stripes
Update _loading.scss not to affect form elements itself
Fix several typos throughout the project
Fix details inside drop-down being rendered as dropdown
Surpressing sass warnings and closing 1 & 11
…o 2, and added responsive .row, .col-*, and .offset-* classes, using display:gid, the same way bootsrap-5 is set up for the .row, .com-* and .offset* classes.
… enviroment. Added accordion javascript for slide effect. modified the notification scss, and added more demos.
…eader > h[1-6]` And added the border-color for dark theme on the article > header
Yohn and others added 7 commits December 10, 2024 12:30
- Updated tooltips to go multiline, max width of 250px.
-Updated card footer, to remove the margin from the last element if they are buttons or groups when in the footer
- Made container, grid, and row classes to have a parent class, so they will not effect rest of page. This will only work if you use that style css.

- Added tabs
- Added floating labels
- Added responsive nav hamburger menu

Let me know if you find any bugs or have ideas for improvements!
Make hamburger nav show under xxl viewport
replaced spaces with tabs.
…r menu.

Will create new versioning soon, I have something else I'd like to include.
@mperham
Copy link

mperham commented Dec 13, 2024

Really nice work. @lucaslarroche would you consider adding additional maintainers like @Yohn to PicoCSS? I’d like to use Pico, I really like the ethos and design but the lack of any maintenance makes it a non-starter.

@Yohn
Copy link
Author

Yohn commented Dec 13, 2024

@mperham

The fork I have going has the npm and composer install methods - Pico CSS V 2.2.0

@mperham
Copy link

mperham commented Dec 13, 2024

I grab the raw CSS from css/ and adjust a few custom properties. I prefer no build in my project and don’t use npm at all.

My main worry right now is RTL fixes as I support multiple RTL languages like Arabic and Hebrew. Did you pull in those PRs?

@Yohn
Copy link
Author

Yohn commented Dec 13, 2024

@mperham yes I did pull in the rtl fixes here, and had another contributor submit another rtl recently.

And the css files in the css directory in my fork have all been updated as well

@Yohn
Copy link
Author

Yohn commented Dec 21, 2024

u# Version 2.2.1

What's Changed

Full Changelog: Yohn/PicoCSS@2.2.0...2.2.1

New Contributors

Yohn and others added 8 commits December 22, 2024 02:11
Github action automatically builds the CSS files in the `css/` directory from the `scss/` directory in merge and push requests using npm
Run build script only when change is made within the `scss` directory
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.