Merge pull request #2830 from shubhwebkul/master
customer accordian view and file picker view in velocity
This commit is contained in:
commit
9d357e466d
File diff suppressed because one or more lines are too long
|
|
@ -1,5 +1,5 @@
|
|||
{
|
||||
"/js/velocity.js": "/js/velocity.js?id=08fbd43328947b542230",
|
||||
"/css/velocity-admin.css": "/css/velocity-admin.css?id=612d35e452446366eef7",
|
||||
"/css/velocity.css": "/css/velocity.css?id=9b4ec44f8853ba8be2db"
|
||||
"/css/velocity.css": "/css/velocity.css?id=5d5625586d1faefa5201"
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1084,6 +1084,57 @@
|
|||
padding: 6px 12px;
|
||||
}
|
||||
}
|
||||
|
||||
.accordian .accordian-header {
|
||||
padding: 10px 0;
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.image-wrapper {
|
||||
width: 100%;
|
||||
margin-top: 10px;
|
||||
margin-bottom: 20px;
|
||||
display: inline-block;
|
||||
|
||||
.image-item {
|
||||
width: 200px;
|
||||
height: 200px;
|
||||
position: relative;
|
||||
border-radius: 3px;
|
||||
margin-right: 20px;
|
||||
background: #f8f9fa;
|
||||
margin-bottom: 20px;
|
||||
display: inline-block;
|
||||
background-position: 50%;
|
||||
background-repeat: no-repeat;
|
||||
background-image: url(/vendor/webkul/ui/assets/images/placeholder-icon.svg);
|
||||
|
||||
.remove-image {
|
||||
left: 0;
|
||||
bottom: 0;
|
||||
width: 100%;
|
||||
color: #fff;
|
||||
padding: 10px;
|
||||
cursor: pointer;
|
||||
margin-bottom: 0;
|
||||
text-align: center;
|
||||
position: absolute;
|
||||
margin-right: 20px;
|
||||
border-radius: 0 0 4px 4px;
|
||||
text-shadow: 0 1px 2px rgba(0,0,0,.24);
|
||||
background-image: linear-gradient(-180deg,rgba(0,0,0,.08),rgba(0,0,0,.24));
|
||||
}
|
||||
|
||||
input {
|
||||
display: none;
|
||||
}
|
||||
|
||||
img.preview {
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.account-items-list {
|
||||
|
|
|
|||
|
|
@ -15,16 +15,22 @@
|
|||
@push('scripts')
|
||||
<script>
|
||||
$(document).ready(function() {
|
||||
let sidebarHeight = $('.customer-sidebar').css('height');
|
||||
let contentHeight = $('.account-layout').css('height');
|
||||
let updateHeight = () => {
|
||||
let sidebarHeight = $('.customer-sidebar').css('height');
|
||||
let contentHeight = $('.account-layout').css('height');
|
||||
|
||||
sidebarHeight = parseInt(sidebarHeight.substring(0, sidebarHeight.length - 2));
|
||||
contentHeight = parseInt(contentHeight.substring(0, contentHeight.length - 2));
|
||||
sidebarHeight = parseInt(sidebarHeight.substring(0, sidebarHeight.length - 2));
|
||||
contentHeight = parseInt(contentHeight.substring(0, contentHeight.length - 2));
|
||||
|
||||
let height = sidebarHeight > contentHeight ? sidebarHeight + 30 : contentHeight;
|
||||
height = height + "px";
|
||||
let height = sidebarHeight > contentHeight ? sidebarHeight + 30 : contentHeight;
|
||||
height = height + "px";
|
||||
|
||||
$('.account-content').css('height', height);
|
||||
$('.account-content').css('height', height);
|
||||
}
|
||||
|
||||
updateHeight();
|
||||
|
||||
$('.accordian-header').click(updateHeight);
|
||||
});
|
||||
</script>
|
||||
@endpush
|
||||
@endpush
|
||||
|
|
|
|||
Loading…
Reference in New Issue