mirror of
https://github.com/plausible/analytics.git
synced 2024-12-26 02:55:02 +03:00
3b97ecdc62
* First pass bringing in previous graph improvements, and comparsion context * Swaps issue template to new issue form syntax * Indentation update * Indentation update? * More indentation * Intendation is hard * Finalized indentation? * Github indentation * Missing fields * Formatting changes * Checkbox changes * Uses new timeseries API, various UI improvements, descopes conversions, ToP from graphing * Fixes Mobile UI Issues * Improves point detection and display on hover * Fixes & adds tests for updated main-graph API route * Changelog * Changes to better metric option declaration & minor UI/default fixes * Fixes top stat tooltips showing unformatted numbers for special (non-rounded) top stats * Formatting * Fixes regression with dashed portion not stopping at present_index * Removes comparison + lint * Improves top stat active style * Removes comparison tests * Splits out tooltip and top stats Still needs: - Tests - Potentially more cleanup * Adds/moves tests for top stats * Formatting * Updates metric LS key, removes console log * Various fixes + cleanup * Makes tooltip position & style more consistent * Fixes test (returns import status on both main graph & top stats) * Fixes interaction with month dateFormatter * Fixes edge case tooltip behavior It was simpler than I thought :/ * Make the entire top stat clickable * Minor UI improvements * Fixes another tooltip visibility edge case + cleans up boolean algebra Co-authored-by: Uku Taht <Uku.taht@gmail.com>
63 lines
1.3 KiB
JavaScript
63 lines
1.3 KiB
JavaScript
const colors = require('tailwindcss/colors')
|
|
|
|
module.exports = {
|
|
purge: [
|
|
'./js/**/*.js',
|
|
'../lib/plausible_web/templates/**/*.html.eex',
|
|
],
|
|
darkMode: 'class',
|
|
theme: {
|
|
container: {
|
|
center: true,
|
|
padding: '1rem',
|
|
},
|
|
extend: {
|
|
colors: {
|
|
orange: colors.orange,
|
|
'gray-950': 'rgb(13, 18, 30)',
|
|
'gray-850': 'rgb(26, 32, 44)',
|
|
'gray-825': 'rgb(37, 47, 63)'
|
|
},
|
|
spacing: {
|
|
'44': '11rem'
|
|
},
|
|
width: {
|
|
'31percent': '31%',
|
|
'content': 'fit-content'
|
|
},
|
|
opacity: {
|
|
'15': '0.15',
|
|
},
|
|
zIndex: {
|
|
'9': 9,
|
|
},
|
|
maxWidth: {
|
|
'2xs': '15rem',
|
|
'3xs': '12rem',
|
|
},
|
|
transitionProperty: {
|
|
'padding': 'padding',
|
|
}
|
|
},
|
|
},
|
|
variants: {
|
|
textColor: ['responsive', 'hover', 'focus', 'group-hover'],
|
|
display: ['responsive', 'hover', 'focus', 'group-hover'],
|
|
extend: {
|
|
textColor: ['dark'],
|
|
borderWidth: ['dark'],
|
|
backgroundOpacity: ['dark'],
|
|
display: ['dark'],
|
|
cursor: ['hover'],
|
|
justifyContent: ['responsive'],
|
|
backgroundColor: ['odd', 'even'],
|
|
shadow: ['dark']
|
|
}
|
|
},
|
|
plugins: [
|
|
require('@tailwindcss/forms'),
|
|
require('@tailwindcss/typography'),
|
|
require('@tailwindcss/aspect-ratio'),
|
|
]
|
|
}
|