GithubHelp home page GithubHelp logo

modrinth / omorphia Goto Github PK

View Code? Open in Web Editor NEW
57.0 3.0 23.0 1.32 MB

A component & style library written for Vue 3

Home Page: https://omorphia.modrinth.com/

License: GNU Affero General Public License v3.0

JavaScript 14.03% SCSS 14.88% Vue 65.89% TypeScript 5.20%

omorphia's Introduction

omorphia

Omorphia is modrinth's style and component library. See omorphia.modrinth.com for more information.

omorphia's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

omorphia's Issues

Archive repository

Modrinth's UI library is now based in the modrinth/code repository, specifically /packages/ui. This repository should thus be archived, and issues transferred. The documentation is also gone in the new codebase, which is confusing.

Edges of clickable elements cannot be clicked

Describe the bug

When clicked the clickable elements shrink so when the mouse button is released it is no longer over the element, and a click event is not registered.

Steps to reproduce

  1. Carefully hover the mouse over the edge of any clickable element
  2. Click and observe that the animation occurs but the element does not perform its function

Expected behavior

No response

Additional context

Causes modrinth/code#641

Ctrl + Shift + V should paste a link as normal text instead of always making it into a markdown link

Is your suggested enhancement related to a problem? Please describe.

When you know how to write a markdown link, it is exceedingly frustrating to put a link where it is supposed to be only for Modrinth to automatically insert a hyperlink.
Ex.
image

Describe the solution you'd like

The ability to bypass this by using the Shift modifier would be a nice addition.

Describe alternatives you've considered

It could also be a toggle somewhere like the toolbar, i'm not sure where it would fit though.

<Pagination> with count < 5 is broken

Describe the bug

Pagination with count set between 2 and 5 is broken, producing illegal/illogical page numbers

pagination with a count of 2, gives options (1, 2, 3, 4, 5, spacer, -2, 0, 1, 2)

pagination with a count of 5, gives options (1, 2, 3, 4, 5, spacer, 5)

Steps to reproduce

  1. git clone [email protected]:modrinth/omorphia.git
  2. install packages with manager of choice bun i
  3. run docs dev bun docs:dev
  4. change :count in docs/components/pagination.md from 100 to 2

Expected behavior

When given a count of < 7, the paginator should display 1, 2, 3, ..., count

Additional context

replacing const pages = computed(...) with the logic found in knossos or should work.

Honestly Knossos shouldn't have it's own implementation the pagination component

Composition API & Typescript migration

This issue is related to the migration of omorphia components to the composition API and/or Typescript.

Composition API

Base

Typescript

Base

  • Avatar [#149]
  • Badge [#130]
  • Button [#150]
  • Chips [#154]
  • ConditionalNuxtLink [#152]
  • DropdownSelect
  • FileInput
  • Notifications
  • OverflowMenu
  • Page [#155]
  • PopoutMenu [#160]
  • ProjectCard [#156]
  • Toogle [#145]

Chart

  • Chart
  • CompactChart

Modal

  • ConfirmModal [#157]
  • Modal
  • ReportModal
  • ShareModal

Navigation

  • Breadcrumbs
  • NavItem
  • NavRow

Search

  • Categories
  • SearchDropdown
  • SearchFilter

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.