Comments (5)
Can I know how you mock up the menu? It looks pretty, and I want to use it for displaying the evluation options (in haz3lweb/view/dhcode/Settings.re). Thank you in advance!
from hazel.
@tonyfettes i used photoshop, which i can do very fast, but unfortunately does not help accelerate the process of actually implementing it. however if someone is interested in implementing the functionality of such a submenu though, disregarding appearance, i'm happy to do the css, as it i can do it very quickly if all divs are tagged with reasonable class names
from hazel.
@disconcision I tried, but for now the best I got is something looks like this:
I don't know how to place the box on the right side of the toolbar, other than hardcode the distance... Currentlly I put the list and the icon under a div called submenu. Is this ideal?
from hazel.
right now the icons are just 'loose' in the top-level menu. it looks like you're absolutely positioning the submenu with respect to the icon, which means you won't be able to get it to align to the side of the menu itself.
so id suggest adding square container divs inside the top-level menu div which fill the full width of the menu. the icons divs can be centered inside the squares, and the submenu divs can be inside the containers, but absolutely positioned so as to align with the top and right of the squares and hence the side of the menu. the height of submenu items should be the same as the height/width of the squares
from hazel.
yeah err regardless actually you may have to hardcode the distance unless you add some more divs... i think its fine to hardcode here
from hazel.
Related Issues (20)
- Linter
- Integrate live values into editor UI
- Code tour support
- Convert some Project Euler problems into Hazel exercises
- Line numbering
- Variable renaming UI
- Structured search
- Drag-and-drop blocks editing UI for Hazel
- cannot delete `=` when let type annotation trails with a hole HOT 1
- 1 @ 2 doesn't throw an error HOT 2
- Fixpoints in SynFun position create static errors HOT 2
- Structural copy/paste
- Relative precedence of ; and && HOT 1
- Add ability to decide on stepping strategy during stepping
- Think about how to update the stepper state when elaboration changes
- Make undo return you to previous stepper state HOT 1
- Constructors that require arguments shouldn't be in patterns without arguments HOT 4
- case checker on recursive types
- ADTs with hole type consistency have casting bug HOT 1
- ListLit of different Construtor type does not raise type error 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 hazel.