erpnext/foundation
1
0
Fork 0
mirror of https://github.com/erpnext/foundation.git synced 2026-10-16 18:00:47 +02:00
Code Issues Packages Projects Releases Wiki Activity

tweak for mobile

Browse Source
This commit is contained in:
Raghavendra Kamath
2018-03-19 12:39:10 +05:30
parent e2fce6afda
commit 6c60b0022b
7 changed files with 214 additions and 165 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
foundation/public/css/erpnext-org-theme.css
View File

@@ -143,16 +143,14 @@
display: flex;
justify-content: space-between;
flex-direction: column;
margin: 0 -2.5rem;
}
@media screen and (min-width: 767px) {
.columns {
flex-direction: row;
flex-direction: inherit;
}
}
.column {
margin-bottom: 1rem;
padding: 0 2.5rem;
}
@media screen and (min-width: 767px) {
.column {
@@ -168,7 +166,19 @@
}
}
.copyright {
font-size: 1rem;
}
@media screen and (min-width: 767px) {
.copyright {
font-size: 0.75rem;
}
}
.flex-wrap {
flex-wrap: wrap;
justify-content: flex-start;
}
.grid-center {
justify-items: center;
}
.indicator,
.indicator-right {
@@ -339,6 +349,9 @@ a:visited {
padding: 10.5rem 1.5rem;
}
}
.reviews {
max-width: 200px;
}
.stars {
width: 125px;
}
@@ -347,6 +360,16 @@ a:visited {
padding: 4rem 1.5rem;
}
}
.footer-brand {
order: 10;
text-align: center;
}
@media screen and (min-width: 767px) {
.footer-brand {
order: unset;
text-align: inherit;
}
}
.feature .bullet {
margin-bottom: 0.5rem;
}
@@ -402,10 +425,6 @@ a:visited {
min-width: 25%;
}
}
.flex-wrap {
flex-wrap: wrap;
justify-content: flex-start;
}
.intro-copy {
max-width: 599.5px;
margin: 0 auto 1.5rem auto;
@@ -589,7 +608,12 @@ hr {
}
.footer-icon {
width: 6.5rem;
margin-right: 0.5em;
margin-right: unset;
}
@media screen and (min-width: 767px) {
.footer-icon {
margin-right: 0.5rem;
}
}
.footer-email-title {
margin-bottom: 0.5rem;

17
foundation/public/less/base.less
View File

@@ -177,16 +177,14 @@
display: flex;
justify-content: space-between;
flex-direction: column;
margin: 0 -2.5rem;
@media screen and (min-width: @screen-xs) {
flex-direction: row;
flex-direction: inherit;
}
}
.column {
margin-bottom: 1rem;
padding: 0 2.5rem;
@media screen and (min-width: @screen-xs) {
margin: 0;
@@ -202,5 +200,18 @@
}
.copyright {
font-size: 1rem;
@media screen and (min-width: @screen-xs) {
font-size: 0.75rem;
}
}
.flex-wrap {
flex-wrap: wrap;
justify-content: flex-start;
}
.grid-center {
justify-items: center;
}

25
foundation/public/less/erpnext-org-theme.less
View File

@@ -119,6 +119,10 @@ a {
}
}
.reviews {
max-width: 200px;
}
.stars {
width: 125px;
}
@@ -129,6 +133,16 @@ a {
}
}
.footer-brand {
order: 10;
text-align: center;
@media screen and (min-width: @screen-xs) {
order: unset;
text-align: inherit;
}
}
.feature .bullet {
margin-bottom: 0.5rem;
}
@@ -186,11 +200,6 @@ a {
}
}
.flex-wrap {
flex-wrap: wrap;
justify-content: flex-start;
}
.intro-copy {
max-width: @screen-md/2;
margin: 0 auto 1.5rem auto;
@@ -406,7 +415,11 @@ hr {
.footer-icon {
width: 6.5rem;
margin-right: 0.5em;
margin-right: unset;
@media screen and (min-width: @screen-xs) {
margin-right: 0.5rem;
}
}
.footer-email-title {

9
foundation/templates/includes/footer/footer.html
View File

@@ -1,5 +1,5 @@
<footer class="dark-bg">
<div class="footer">
<div class="footer">
<div class="container">
<div class="columns text-left clearfix">
<div class="column footer-brand">
@@ -10,10 +10,12 @@
</div>
<div class="bottom-spacer">
<p class="text-muted footer-email-title">Stay Updated</p>
<div class="inline-block">
<label class="footer-email"><input class="footer-email-input dark-bg" type="email" placeholder="Your email address"></label>
<a href="" class="button button-dark">Subscribe</a>
</div>
</div>
</div>
<div class="column">
<h3 class="footer-title text-white">Industries</h3>
<ul class="list-unstyled footer-list">
@@ -96,7 +98,6 @@
<li>
<a class="footer-link" href="https://github.com/frappe/erpnext" target="_blank" >GitHub</a>
</li>
<li>
<a class="footer-link" href="https://erpnext.com" target="_blank" >ERPNext.com</a>
</li>
@@ -128,7 +129,7 @@
</li>
</ul>
</div>
</div>
</div>
<script type="text/javascript">
frappe.ready(function(){
var d = new Date();
@@ -137,5 +138,5 @@
});
</script>
</div>
</div>
</div>
</footer>

4
foundation/templates/includes/navbar/navbar.html
View File

@@ -17,11 +17,11 @@
<li class="menu-item">
<a href="/about" class="menu-links">About</a>
</li>
<!-->
<!--
<li class="menu-item">
<a class="button get-started button-primary-small" href="/get-started">Get Started</a>
</li>
</!-->
-->
</ul>
</div>
</div>

12
foundation/www/index.html
View File

@@ -77,33 +77,33 @@
</div>
<div class="box">
<p class="">First of all, I would like to thank you very much for the great work you’ve done with this ERP, it is the perfect solution for start-ups, like mine! Keep up the good work!</p>
<p class="bold text-muted">Dan Radulescu</p>
<p class="bold text-muted">Dan Radulescu</br>Romania</p>
</div>
<div class="box">
<p class="">The UI and UX are one of the most fluid and highly useable interfaces I have ever seen in an ERP. You make accounting fun! Keep up the amazing work.</p>
<p class="bold text-muted">Gladwyn Lewis</br>ERP Consultant, UAE</p>
</div>
</div>
<div class="columns">
<div class="column text-center">
<div class="grid-of-four grid-center">
<div class="reviews text-center">
<a class="secondary-link" target="_blank" href="https://www.capterra.com/p/164441/ERPNext/">
<img alt="captera-erpnext review" src="/assets/foundation/img/captera-bw.png" class="review-img">
<img alt-"above 4.5 stars" src="/assets/foundation/img/stars.png" class="stars">
</a>
</div>
<div class="column text-center">
<div class="reviews text-center">
<a class="secondary-link" target="_blank" href="https://www.softwareadvice.com/erp/erpnext-profile/">
<img alt="software advice erpnext review" src="/assets/foundation/img/software-advice-bw.png" class="review-img">
<img alt="above 4.5 stars" src="/assets/foundation/img/stars.png" class="stars">
</a>
</div>
<div class="column text-center">
<div class="reviews text-center">
<a class="secondary-link" target="_blank" href="https://www.g2crowd.com/products/erpnext/reviews">
<img alt="g2-crowd review" src="/assets/foundation/img/g2-crowd-bw.png" class="review-img">
<img alt="above 4.5 stars" src="/assets/foundation/img/stars.png" class="stars">
</a>
</div>
<div class="column text-center">
<div class="reviews text-center">
<a class="secondary-link" target="_blank" href="https://www.getapp.com/operations-management-software/a/iwebnotes/">
<img alt="get app review" src="/assets/foundation/img/getapp-bw.png" class="review-img">
<img alt="above 4.5 stars" src="/assets/foundation/img/stars.png" class="stars">

2
foundation/www/service-providers.html
View File

@@ -74,7 +74,7 @@
<h2>Select by country</h2>
<div class='columns flex-wrap'>
{% for c in countries %}
<div class='countries'>
<div class='column countries'>
<p>
<a class="secondary-link" href="/service-providers?country={{ c[0] }}">{{ c[0] }} ({{ c[1] }})</a>
</p>