Comments (3)
Worked on these a while ago but we never reviewed so figured I'd add them here and start some discussion. There are multiple UI changes in these mocks but the main changes that pertain to this issue are the More Options/Section Options/Column Options.
I've moved the Column # dropdown up to the main bar and the Display Title into the options and given the expands a bar that spans the full width of the section or column. Inside the options I'm trying to find a layout that will allow the image background selector to be more consistent between section and column (as well as improve what these options look like responsively). I have a four column layout in the works still.
The idea for the background image is, once selected, the image could show masked/cropped into the existing space where the icon is instead of displaying the full image (depending on your section height you could not see the entire image displayed on the front end anyway). This would make things more predictable when on smaller screens.
I just had another idea that fits into this new menu UI as well. With new add-ons there may be more menu options that we'd want to add to a section. The Section Options bar, I think, could easily be divided into two or three expands in the same space and we can keep those options all separate. That way the add-on doesn't need to mess with fitting options into the existing menu and keeping it responsive, it can simply add a new expand and throw whatever it needs in it.
from mesh.
@erroneous5000 just a few things that jump out to me based on an issue brought to light by @prkirby in #71
By moving the column controls to the top bar we're locking potential future expansion to have multiple rows within 1 section (instead of treating a section like a row).
I'm torn on how big the options areas are. It's a lot of real estate for a toggle.
The controls area needs more discussion just based on #72. Developers having the ability to add their own controls may be a challenge.
from mesh.
Going to close this older issue out. We've made some good changes in 1.2.4 that I feel made the menu clearer and is in line with the iconography that is currently in the customizer
from mesh.
Related Issues (20)
- CSS Bootstrap setting produces rows with `mesh-row` HOT 2
- Integrations folder is missing from the 1.2.5.3 WordPress.org download
- WPML/Polylang support?
- Section Title Bugged when deleted HOT 2
- Option for template not shown in page with mesh section
- allow mesh column to have an id and/or more than one 1 class HOT 2
- SVG background image not showing in admin
- Section id has double-double quotes. HOT 3
- Latest release contains wp_die HOT 3
- Add Section Bar disappearing after removing a section
- Duplicate Sections Add-on - Ajax failing due to fatal looking for drafts
- Mesh blocks are unable to save if profile is set to disable the visual editor
- Ability to excluded content changes from Stream
- Ability to duplicate just one mesh section like you can for posts
- REordering Issues
- Unable to enable Mesh for Posts (or other public post types)
- Update deployments to go through github actions
- Convert Grunt to Gulp
- Implement CLI to convert Mesh to Block issues
- Mesh font files don't load from CSS HOT 2
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 mesh.