nsinnovations/erpnext
2
0
Fork 0
mirror of https://github.com/frappe/erpnext.git synced 2026-05-31 10:49:09 +00:00
Code Issues Packages Projects Releases Wiki Activity

Chore: Miscellaneous UI review changes

Browse Source 
- Added bg (variable) to pages, card space separation visible
- Removed `show brand line` in settings, shown by default
- Re-arranged settings by importance
- View toggling primary colour is grey
- Only populate recent searches on successful search
- Hit only one server side api, once while searching
- List view primary button float right
- Discounts takes upper limit eg. 10% and below
- Navbar icons only wiggle on qty increase in cart/wishlist
- Pay button in SO portal
- Remove bottom white space below item full page image, min-height fits to content
- List view vertical space between heading and item code
- Empty offer subtitle handled
This commit is contained in:
marination
2021-09-01 14:57:50 +05:30
parent 1bb135b2d3
commit 45f64bd930
25 changed files with 212 additions and 167 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
erpnext/e_commerce/product_ui/views.js
View File

@@ -129,7 +129,7 @@ erpnext.ProductView = class {
prepare_product_area_wrapper(view) {
let left_margin = view == "list" ? "ml-2" : "";
let top_margin = view == "list" ? "mt-8" : "mt-4";
let top_margin = view == "list" ? "mt-6" : "mt-minus-1";
return this.products_section.append(`
<br>
<div id="products-${view}-area" class="row products-list ${ top_margin } ${ left_margin }"></div>
@@ -191,7 +191,7 @@ erpnext.ProductView = class {
prepare_search() {
$(".toolbar").append(`
<div class="input-group col-6 p-0">
<div class="input-group col-8 p-0">
<div class="dropdown w-100" id="dropdownMenuSearch">
<input type="search" name="query" id="search-box" class="form-control font-md"
placeholder="Search for Products"
@@ -213,7 +213,7 @@ erpnext.ProductView = class {
}
render_view_toggler() {
$(".toolbar").append(`<div class="toggle-container col-6 p-0"></div>`);
$(".toolbar").append(`<div class="toggle-container col-4 p-0"></div>`);
["btn-list-view", "btn-grid-view"].forEach(view => {
let icon = view === "btn-list-view" ? "list" : "image-view";