diff --git a/.gitignore b/.gitignore index 5542049..05c944a 100644 --- a/.gitignore +++ b/.gitignore @@ -1,3 +1,2 @@ /css /dist -notes.md \ No newline at end of file diff --git a/notes.md b/notes.md new file mode 100644 index 0000000..2b946bc --- /dev/null +++ b/notes.md @@ -0,0 +1,97 @@ +OK rows: rings OR orbits +- OK columns: sectors relates to angles. quadrants... cordinal points... > ARCS +- OK offset angle: importantes para saber desde donde empieza +- OK arc: importante para estabelcer tamano del arco 90° o 360° x ej. DESAMBIGUAR +- OK Reverse angle... +- OK orbit alignment> lower upper DEFAULT MIDDLE +- OK Stationary- geostationary/gyroscope: comportamiento de lo selementos +- OK draw rings and ARCS +- ~~Armar defaults~~ +- ~~WIP armar progress en svg~~ +- ~~FIX offset~~ +- OK issue core.item angle +- OK Rings. permitir que cada ring tenga su ---radio pueda ser cmabiada por el usuario. Default que sea como hasta ahora +- ARC BG: + 1. OK (FALTA TESTEO) los rings tienen z-index el mas arriba siempre es el mas cercano al centro. (ver cóm osolucionar... porque es al reves, quizas ya setar en el css un orden de 10 a core y de ahi para abajo, o teneinedo en cta nro de rings...ESto :) + 2. OK se crea un elemento con borde irrgulArc. + 3. OK se crea un :before con tamano del ring, pero con transformOrigin al centro + 4. OK se use un clip-path polygon y + 5. ~~OK un radial-gradient con hard stop al inicio de ring.~~ + 6. OK ARCS como elemento independiente. + + + Juices + + +- ~~ISSUE arc & arc-* same bug as items~~ +- NOT NOW angles & distances, ETC: definir independientemte (a32; d453)? TAMBIEN SIZES +- responsiveness: crear dos versiones? media query & vh vw units? ... +- layer para CONTENIDO ACOMODAR dentro de los items. Todo lo referido a alignment: ubicacion del elementos izq, centro, der; arriba medio, abajo qued aara el usuario o algo para armar especialemnte +- OK Abstraer variables de color, backgrpund etc +- WIP separar grid, de otras cosas +- WIP CHANGE NAMES AVOID CONFLICTS +- add manual overrride of items-n +- OK NEST ARCS +- ITEMS AND ARCS HARMONIC + +******* +- OK Separar css custom flavor de css radial stuff (para que se pueda usar con otros css frameworks facil) +- Terminar modal +- Terminar popover o usar labels +- Incluir opcion de translateZ by default en el core +- js arc text (dsp?) +- OK ADAPTAR ARC A RINGS +- NOP arcs as shapes with contenido???? ver +- OK svg? SIP ADAPTAR A RINGS +- OK REPLICAR MODELO DE SVG PERCENT. DESCARGAR LO SCAMBIOS A VARIABLES NO A TODO EL ELEMENTO +- CASI OK Armonizar toda la libreria +- Documentar en .md +- Invitar a repo cerrado +- Landing & Docs con Docusaurus +******* + +## ELEMENTS + +- items: content containers with different #shapes flavor, #sizes, #aligment. Radial positioned. Nestable + - shapes: circle, box, rounded box, blob + - sizes: xxl, xl, l, m, s, xs, xxs + - alignemnt: upper, lower, middle +- arcs: radial columns. visual support with basic interactivity and some cool customizations (gap, width, radius, POSITION). Should be nestable +- rings: radial rows. visual support. Nestable +- labels: item label with optional conector and predefined positions +- zr-MODAL +- zr-POPOVER +- zr-PROGRESS +- zr-KNOB +- zr-docker +- zr-orbit +- zr-suborbit +- zr-orbiter +- zr-pod (content inside orbiter) +- zr-surface/arc/slice + + + + + +## COMPONENTS +- progress casi OK +- knob casi OK +- ~~sectors svg~~ css arcs OK +- modals +- labels OK +- tooltips +- ARC TEXT + +- cards +- buttons +- forms + +## UTILITIES +LAS MINIMAS ARC TEXT + +### css first + +por eso elipsis solo andan en ffox +anim en chrome.>> +