Comments (6)
Lovely to hear from you Matteo,
I submitted a pull request that includes the updated scss file for Neumorphism. I completed forgot about darkmode when I sent those screenshots, tomorrow I will update with the darkmode version.
from mailgo.
I've had a little play with the idea today and i've come across a few things,
firstly using full on Neumorphism may not be suitable for the current design of the layout, due to the lack of space between buttons it can lead to a cluttered look rather than the airy spacious feeling that is often associated with it. Example:
if we were to stay true to Neumorphistic design it may be beneficial to have a look at enlarging the window size of Mailgo so we are able to create more margin between elements so it will look less cluttered.
Without changing the current Mailgo window size I think it may be good to look at Neumorphism inspired design for instance:
The main problem I see with this approach is the mobile version, as you cannot "hover" on a mobile device which may lead the users to think the design is fairly boring.
Let me know what you think and what areas you think are worth investigating.
from mailgo.
Here's an example of full on neumorphism with 20px of margin between each
from mailgo.
Thank you so much for your work! I think that the idea to add a space between buttons is perfect. I think that the last screen you have sent is really wonderful. What about the box-shadow
? Can you send me the CSS you are using here? What about the dark mode? The box-shadows are the same?
No problem for the hover
on mobile, what are the behaviour of the buttons in Neumorphism when they are not clicked on mobile?
Do you want to help directly in the implementation? You can directly submit a PR with the reference to this issue changing the SCSS of Neumorphism. Otherwise I will implement it!
Thank you so much.
from mailgo.
Thank you so much for your work, really. I have built mailgo now and the neumorphism is now present in index.neumorphism.html
under examples
folder, it is already present as an attribute in configuration object
from mailgo.
No problem, it was fun. Let me know if anything else comes up design wise, I'd be happy to contribute more
from mailgo.
Related Issues (20)
- Does not work with empty recipient field HOT 1
- Custom actions? HOT 7
- Export of validateEmail function HOT 7
- Add unit tests HOT 8
- Run unit tests automatically on each push or pull request HOT 2
- Custom action displayed even with `actions.custom` set to false. HOT 24
- Add unit tests around configuration
- Error when using mailgoDirectRender HOT 2
- Custom Actions with Tel Not Displayed HOT 1
- Set Tel Title HOT 1
- responsive setting HOT 3
- Vue/Buefy mailgo doesn't work in production. HOT 3
- Question: hide body and subject in modal HOT 14
- Doesn't work in links inside dynamically created elements HOT 3
- Tel links with extensions HOT 3
- mailgo modal doesn't open when clicking on telephone like if you exclude a telephone action e.g. whatsapp using window.mailgoConfig HOT 2
- Subject line opens up in 'to' address in gmail / direct render HOT 4
- Clicking the 'copy' button only copies the 'to' address. HOT 6
- Dark theme is not supported with direct render. HOT 8
- Passing a dictionary with configuration options to the direct renderer had no affect when using direct render. HOT 3
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 mailgo.