Comments (7)
@rlskoeser I've increased the H1s on desktop and mobile by 2px, now they are 24px and 22px with revised line heights of 39px and 36px. I think it looks much better, especially after testing them in the leaf panel.
from lenape-timetree.
@jhimpele @rlskoeser please read above to see what is in scope for this issue – review the content styles I've proposed for mobile and desktop on Figma – and let me know if there are styles that I've missed.
I tried to look at our docs and see what kinds of content we'll have on our root pages.
from lenape-timetree.
@gissoo This looks good as a template for these pages. You may need to create a style for the bibliography and list of links. Not sure.
from lenape-timetree.
@gissoo this looks good.
I would like to see a bit more differentiation between the H1 and the H2; could the H1 go a bit bigger?
I can imagine we might have nested bulleted lists; can I extrapolate your design to whatever browsers typically do?
from lenape-timetree.
@rlskoeser @jhimpele thanks for writing – we decided at the meeting that what is needed for bibliography and link styles are currently there in the designs.
@rlskoeser if we make H1 bigger it will be applied to the leaf titles as well, is that ok?
from lenape-timetree.
@gissoo would it be better to adjust the H2s? I defer to you about the H1 on leaf titles — I think the panel looks good as it is, but I trust you if you think it's ok to go a bit larger.
from lenape-timetree.
@rlskoeser that was my first instinct, but the problem with adjusting the h2 is that its size would become the same as the body text
from lenape-timetree.
Related Issues (20)
- As a user, I want the option of zooming in on the timetree on desktop and with buttons, so that the content and functionality is accessible in a variety of modes. HOT 4
- Add shadow styles for Safari HOT 1
- tags that include slashes are not being handled properly HOT 1
- As a user, I want to see an indicator when a link takes me to another site or a PDF, so I know what to expect if I click on it. HOT 1
- when zooming in on a leaf on mobile, sometimes it displays below the panel HOT 2
- when browser resize crosses mobile/desktop threshold, should update svg and reposition the tree HOT 1
- optimize javascript / leaf layout HOT 2
- As a user who finds a leaf detail page from search, I should be prompted to view that leaf in the context of the timetree so that I can experience the project as intended. HOT 2
- zoom in on dedication on mobile HOT 1
- As a content editor, I want the option of marking a leaf as a draft so that I can unpublish content that isn't ready for inclusion in the timetree. HOT 1
- non scrolling HOT 3
- Trunk lines disconnected HOT 8
- VizE Lab logo not appearing HOT 1
- add citation CFF file and include code DOI in the project readme HOT 1
- focus state needs more contrast for low vision users
- page title needs to change when the timetree changes HOT 1
- disabled leaves & labels are not sufficiently visually disabled HOT 2
- disabled leaves are clickable when the tree is zoomed in HOT 1
- split out repository to separate code from content; make theme installable as a hugo module HOT 1
- add collaborator logos to site footer HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from lenape-timetree.