diff --git a/addons/default/visiosoft/advs-module/resources/css/post-category.css b/addons/default/visiosoft/advs-module/resources/css/post-category.css index 46b168d06..45e145bd1 100644 --- a/addons/default/visiosoft/advs-module/resources/css/post-category.css +++ b/addons/default/visiosoft/advs-module/resources/css/post-category.css @@ -1,4 +1,22 @@ +#ad-cat-section .step-icon { + height: 1rem; + vertical-align: baseline; +} + +.category-tab { + overflow-x: auto; +} + +.cat-item:not(.focus-select) div, .cat-item:not(.focus-select) select { + background-color: #f8f9fa; +} + +.focus-select .cat-option { + box-shadow: 0 .125rem .25rem rgba(0,0,0,.075); +} + .cat-select { + height: 0; width: 100%; border: none; overflow-y: auto @@ -8,12 +26,16 @@ outline: none; } +.cat-item { + flex: none; + width: 13rem; +} + .cat-select option { - border-top: 1px solid #f2f2f2; - padding: 15px 0 20px; + cursor: pointer; + border-radius: 2px; position: relative; - padding-left: 10px; - font-size: 16px; + font-size: 13px; color: #505050; } @@ -21,14 +43,32 @@ display: none; } -.cat-item-3 { +.cat-item:last-child { display: none; } +.next-stap img { + width: 60px; +} + +.next-stap p { + font-size: 13px; + font-weight: 500; +} + .btn-1 { background-color: #00a651; - padding: 5px 50px 7px; + padding: 5px 30px 7px; color: #fff; border: 1px solid #dadada; margin-right: 5px; +} + +.cat-select::-webkit-scrollbar { + width: 4px; +} + +.cat-select::-webkit-scrollbar-thumb { + border-radius: 4px; + background-color: rgba(0,0,0,0.5); } \ No newline at end of file diff --git a/addons/default/visiosoft/advs-module/resources/images/ascend.svg b/addons/default/visiosoft/advs-module/resources/images/ascend.svg new file mode 100644 index 000000000..40404a167 --- /dev/null +++ b/addons/default/visiosoft/advs-module/resources/images/ascend.svg @@ -0,0 +1,40 @@ + + + diff --git a/addons/default/visiosoft/advs-module/resources/images/check.svg b/addons/default/visiosoft/advs-module/resources/images/check.svg new file mode 100644 index 000000000..14ca17bff --- /dev/null +++ b/addons/default/visiosoft/advs-module/resources/images/check.svg @@ -0,0 +1,2 @@ + + diff --git a/addons/default/visiosoft/advs-module/resources/images/cross.svg b/addons/default/visiosoft/advs-module/resources/images/cross.svg new file mode 100644 index 000000000..5c708d2f6 --- /dev/null +++ b/addons/default/visiosoft/advs-module/resources/images/cross.svg @@ -0,0 +1,40 @@ + + + diff --git a/addons/default/visiosoft/advs-module/resources/js/cats.js b/addons/default/visiosoft/advs-module/resources/js/cats.js index c489f8cf7..91ab7fdd7 100644 --- a/addons/default/visiosoft/advs-module/resources/js/cats.js +++ b/addons/default/visiosoft/advs-module/resources/js/cats.js @@ -22,26 +22,40 @@ $(document).ready(function () { success: function (response) { hideLoader(); if(response['title'] != undefined){ - var btn = '' - if(response['link'] != "") { - btn = ""+response['nextBtn']+""; + response['success'] ? $('.cross-icon').hide() : $('.check-icon').hide(); + + let btn = ''; + if (response['link']) { + btn = ""+response['continueBtn']+""; } - $('.cat-item-3').html( - '
' - ); - $('.cat-item-3').show(); + let content; + if (response['msg']) { + content = ` +${response['title']}
+ ${response['msg']} +${response['title']}
+