enso/app/gui/view/documentation/tailwind.config.js
Ilya Bogdanov 366f231765
New documentation panel (#4066)
This PR implements HTML generation from documentation IR for all suggestion database entries and replaces the old documentation panel with a newer one.

Additional adjustments to the looks of the documentation would be applied separately in a future PR. This PR focuses on the fastest possible delivery of a usable documentation panel. We want to test it in real-world use cases and gather feedback for future improvements.

Documentation demo scene with mocked data:

https://user-images.githubusercontent.com/6566674/213436313-88753ed8-346f-423e-956e-7db39f5dc266.mp4


Component browser with actual engine-provided data:


https://user-images.githubusercontent.com/6566674/213436375-d0ec074b-f7a6-4deb-a7de-3adee999cc86.mp4

# Important Notes
- Fixed language protocol data structures.
- Scrolling to the selected method is also implemented here.
- Also, the selected item is highlighted with yellow.
- Only some pieces of information we have are displayed. For example, we don't display return types for methods or types of arguments.
- A bunch of code related to previous implementation is removed, but probably not all of it.
2023-01-25 01:10:10 +00:00

28 lines
789 B
JavaScript

/** @type {import('tailwindcss').Config} */
module.exports = {
content: ['src/**/*.rs'],
theme: {
extend: {
colors: {
typeName: '#9640da',
moduleName: '#a239e2',
methodsHeader: '#1f71d3',
methodName: '#1f71d3',
typesHeader: '#1f71d3',
examplesHeader: '#6da85e',
importantBackground: '#edefe7',
infoBackground: '#e6f1f8',
exampleBackground: '#e6f1f8',
docsBackground: '#fcfeff',
docsText: '#434343',
tagBackground: '#f5f5f5',
},
opacity: {
85: '.85',
34: '.34',
},
},
},
plugins: [],
}