mirror of
https://github.com/openfoodfoundation/openfoodnetwork
synced 2026-01-11 18:26:50 +00:00
Page:
Design styleguide: fonts and text styles
Pages
API Development
API documentation
Angular and OFN
Authentication
Automated Testing Gotchas
Bug severity
Bulk Edit Products admin interface
Code, the way we do things (2018)
Code Conventions
Code review process
Configuration
Continuous Integration
Creating new components
DFC Guide
Data initialization bootstrapping, seeding, and importing data
Data migration
Data model diagram (ERD)
Database migrations
Dependency updates
Design styleguide: colors and shadows
Design styleguide: fonts and text styles
Design styleguide: icons
Design styleguide: links and buttons
Design styleguide: navigation and menus
Design styleguide: size and spacing
Design styleguide: tables
Design tools
Developer Guidelines
Developer Manual
Development Environment Setup: Debian
Development Environment Setup: Fedora
Development Environment Setup: OS X (El Capitan)
Development Environment Setup: OS X (Mavericks)
Development Environment Setup: OS X
Development Environment Setup: Ubuntu
Development Environment Setup: Windows
Development Environment Setup: macOS (Sierra, HighSierra, Mojave and Catalina)
Docker: useful tips and commands
Emails
Enterprises login
Feature Testing Handbook
Feature template (epic)
Feature toggle with Flipper
Feature toggles
Home
How to do Code Reviews
Integration & API
Internationalisation (i18n)
Karma
Learning Rails
Locale and sample data
Making a great commit
Making a great pull request
Maps
Matomo Integration
Mexico
Overview
Parallelized test suite with knapsack
Patch Releases
Permissions
Pipeline development process
Product amounts units
Release testing automation
Releasing
Rubocop
Sales Tax
Set and Deploy on Heroku
Setting up Stripe in your local environment
Setting up Stripe on an OFN instance
Skylight setup
Slack notifications from GitHub
Spree Commerce customisation
Staging with Github Actions
Stimulus
Stripe testing
Stripe
Tech Doc: App Routes
Tech Doc: Checkout workflow
Tech Doc: OFN's Spree fork🍴
Tech Doc: OFN Data Model Single shipment per Order
Tech Doc: OFN Data Model Stock locations
Tech Doc: OFN Data Model
Tech Doc: Orders and Adjustments updates
Tech Doc: Scoping Variants and Products to Hubs with VariantOverrides
Testing GitHub Actions Locally with act
Testing Subscriptions
Testing and Rspec Tips
Testing process
The process of review, test, merge and deploy
Troubleshooting your instance
Turbo
Variant Overrides
Who
i18n
Clone
Table of Contents
Fonts and text styles
The primary font used should always be Open Sans. We have decided to stick to using pixels and not rems because of the risk of having to refactor multiple pages in trying to transition to a different size system. So let's keep pixels.
Default body size is 14px. General rule is to try to work with that first, also playing with different weights, and only if for some reason that's not good, move to a different size.
| Type | Size desktop | Used for |
|---|---|---|
| Body | 14px | Body text, Secondary top menu, Main button label, Table titles, Table text, Pagination labels, Text/search/dropdown fields |
| H1 | 24px | Page titles |
| Highlight text | 16px | This is an alternative for when body text is not big enough - Primary top menu, loading state for whole page, empty and error states for whole page |
| Caption | 12px | Text/search/dropdown titles, Text/search/dropdown error messages, hint texts and counters |
Home
Development environment setup
- Pipeline development process
- Bug severity
- Feature template (epic)
- Internationalisation (i18n)
- Dependency updates
Development
- Developer Guidelines
- The process of review, test, merge and deploy
- Making a great commit
- Making a great pull request
- Code Conventions
- Database migrations
- Testing and Rspec Tips
- Testing GitHub Actions Locally with act
- Automated Testing Gotchas
- Rubocop
- Angular and OFN
- Feature toggles
- Stimulus and Turbo
Testing
- Testing process
- OFN Testing Documentation (Handbooks)
- Continuous Integration
- Parallelized test suite with knapsack
- Karma
Releasing
Specific features
Data and APIs
- API documentation
- Authentication
- Integration & API
- Data migration
- Data model diagram (ERD)
- Stripe
- DFC Guide
Instance-specific configuration
External services
Design