m5/m5-docs
0
0
Fork 0
mirror of https://github.com/m5stack/m5-docs.git synced 2026-05-20 10:23:01 -07:00
Code Issues Packages Projects Releases Wiki Activity

optimization search function and fix anchor in small screen display problem

Browse Source
This commit is contained in:
Sean
2020-05-07 16:49:48 +08:00
parent 2b4c9d5e95
commit 891e66ae30
6 changed files with 45 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
docs/assets/css/main-min.css
Vendored
+3 -1
View File
File diff suppressed because one or more lines are too long
docs/assets/css/main.css
+20 -19
View File
@@ -387,6 +387,7 @@ div.card-img-overlay:hover {
overflow-y: auto;
max-height: 300px;
box-shadow: 0 2px 0 0 #007bff;
max-width: 260px;
}
.search .search_point a {
@@ -792,17 +793,17 @@ mark {
line-height: 1.2;
transition: all .3s ease;
background-color: #333;
box-shadow: 4px 4px 8px 0 #837878;
-moz-box-shadow: 4px 4px 8px 0 #837878;
-webkit-box-shadow: 4px 4px 8px 0 #837878;
box-shadow: 4px 4px 8px 0 #aeaeae;
-moz-box-shadow: 4px 4px 8px 0 #aeaeae;
-webkit-box-shadow: 4px 4px 8px 0 #aeaeae;
margin-top: 12px
}
.anchor-box>a:hover {
background-color: #007aff !important;
box-shadow: 4px 4px 8px 0 #aeaeae !important;
-moz-box-shadow: 4px 4px 8px 0 #aeaeae !important;
-webkit-box-shadow: 4px 4px 8px 0 #aeaeae !important
box-shadow: 4px 4px 8px 0 #007aff5c !important;
-moz-box-shadow: 4px 4px 8px 0 #007aff5c !important;
-webkit-box-shadow: 4px 4px 8px 0 #007aff5c !important
}
.anchor-box span {
@@ -820,40 +821,40 @@ mark {
.anchor-active {
background-color: #007aff !important;
box-shadow: 4px 4px 8px 0 #007aff5c !important;
-moz-box-shadow: 4px 4px 8px 0 #007aff5c !important;
-webkit-box-shadow: 4px 4px 8px 0 #007aff5c !important
}
.anchor-quiet {
background-color: #333 !important;
box-shadow: 4px 4px 8px 0 #aeaeae !important;
-moz-box-shadow: 4px 4px 8px 0 #aeaeae !important;
-webkit-box-shadow: 4px 4px 8px 0 #aeaeae !important
}
.anchor-quiet {
background-color: #333 !important;
box-shadow: 4px 4px 8px 0 #837878 !important;
-moz-box-shadow: 4px 4px 8px 0 #837878 !important;
-webkit-box-shadow: 4px 4px 8px 0 #837878 !important
}
@media screen and (max-width:1580px) {
@media screen and (max-width:1645px) {
.anchor-box {
left: 20px
}
}
@media screen and (max-width:1260px) {
@media screen and (max-width:1460px) {
.anchor-box {
left: 0px
}
}
@media screen and (max-width:1100px) {
@media screen and (max-width:1300px) {
.anchor-box {
left: -12px
left: -30px
}
}
@media screen and (max-width:980px) {
@media screen and (max-width:1180px) {
.anchor-box {
left: -34px
left: -54px
}
}
docs/assets/js/custom.js
+19 -3
View File
@@ -137,6 +137,7 @@ window.onscroll = scrollFunc;
function product_search(onEnter_content){
$("#search_note").css("display","block");
$(".item").parent().css("display","inline-block");
$(".search_point")[0].textContent = "";
var p = $(".item .item-title");
var sku = $(".item .mask_sku");
@@ -147,7 +148,19 @@ function product_search(onEnter_content){
$(".item").eq(i).parent().children("p").css("display","block");
$(".item").eq(i).parent().next("hr").css("display","block");
$("#search_note").css("display","none");
if(textEnter != "") $(".search_point").append(`<a class="dropdown-item" target="__blank" href="${p[i].parentNode.href}">${p[i].textContent}</a>`);
if(p[i].dataset.kw.toLocaleLowerCase().indexOf(textEnter) != -1){
var kw_index = p[i].dataset.kw.toLocaleLowerCase().indexOf(textEnter);
var kw_part1 = p[i].dataset.kw.substring(0,kw_index);
var kw_part2 = p[i].dataset.kw.substring(kw_index+textEnter.length,);
var kw = `--${kw_part1}<span style="color:#007bff;">${textEnter.toUpperCase()}</span>${kw_part2}`
}else{
var kw = "";
}
if(textEnter != ""){
$(".search_point").append(`<a class="dropdown-item" target="__blank" href="${p[i].parentNode.href}">${p[i].textContent+kw}</a>`);
}else{
$(".item").parent().css("display","block");
}
}
else{
$(".item").eq(i).css("display","none");
@@ -199,8 +212,11 @@ function faq_search(onEnter_content){
Input.focusout(function (){
Input.animate({width:240});
})
setTimeout(function(){
$(".search_point").hide(140);
},160);
});
function select(event){
var s = event.textContent.toLowerCase();
$("#thetarget").removeClass("show");
docs/assets/js/custom.min.js
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
docs/index.md
+1 -1
View File
@@ -14,7 +14,7 @@
{a:"/#/en/core/m5go", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/kit_m5go_01.webp", p:"M5GO Kit", sku:"K006" ,kw:"ESP32 IP5306 LCD MPU6886 BMM150 LEGO MICPHONE"},
{a:"/#/en/core/face_kit", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/kit_faces_01.webp", p:"FACES Kit", sku:"K005" ,kw:"ESP32 IP5306 LCD MPU6886 BMM150 MICPHONE"},
//Stick
{a:"/#/en/core/m5stick", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/core_m5stick_01.webp", p:"M5Stick", sku:"K016" ,kw:"ESP32 OLCD IP5306 MPU9250"},
{a:"/#/en/core/m5stick", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/core_m5stick_01.webp", p:"M5Stick", sku:"K016" ,kw:"ESP32 OLED IP5306 MPU9250"},
{a:"/#/en/core/m5stickc", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/core_m5stickc_01.webp", p:"M5StickC", sku:"K016-C" ,kw:"ESP32 LCD AXP192 MPU6886"},
{a:"/#/en/core/m5stickv", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/m5stickv_01.webp", p:"M5StickV", sku:"K027" ,kw:"K210 CAMERA LCD AXP192 MPU6886"},
{a:"/#/en/core/m5stickt", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/m5stickt_01.webp", p:"M5StickT", sku:"K016-T" ,kw:"ESP32 CAMERA LCD FLIR AXP192"},
docs/zh_CN/README.md
+1 -1
View File
@@ -14,7 +14,7 @@
{a:"/#/zh_CN/core/m5go", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/kit_m5go_01.webp", p:"M5GO Kit", sku:"K006" ,kw:"ESP32 IP5306 LCD MPU6886 BMM150 LEGO MICPHONE"},
{a:"/#/zh_CN/core/face_kit", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/kit_faces_01.webp", p:"FACES Kit", sku:"K005" ,kw:"ESP32 IP5306 LCD MPU6886 BMM150 MICPHONE"},
//Stick
{a:"/#/zh_CN/core/m5stick", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/core_m5stick_01.webp", p:"M5Stick", sku:"K016" ,kw:"ESP32 OLCD IP5306 MPU9250"},
{a:"/#/zh_CN/core/m5stick", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/core_m5stick_01.webp", p:"M5Stick", sku:"K016" ,kw:"ESP32 OLED IP5306 MPU9250"},
{a:"/#/zh_CN/core/m5stickc", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/core_m5stickc_01.webp", p:"M5StickC", sku:"K016-C" ,kw:"ESP32 LCD AXP192 MPU6886"},
{a:"/#/zh_CN/core/m5stickv", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/m5stickv_01.webp", p:"M5StickV", sku:"K027" ,kw:"K210 CAMERA LCD AXP192 MPU6886"},
{a:"/#/zh_CN/core/m5stickt", img:"https://m5stack.oss-cn-shenzhen.aliyuncs.com/image/m5-docs_homepage/core/m5stickt_01.webp", p:"M5StickT", sku:"K016-T" ,kw:"ESP32 CAMERA LCD FLIR AXP192"},