Merge pull request #611 from jumpserver/coxi_dev_v3

fix: 移动端导航栏空白区优化
jumpserver · Apr 3, 2024 · 01f57c3 · 01f57c3
2 parents eab9935 + 7188b07
commit 01f57c3
Show file tree

Hide file tree

Showing 3 changed files with 1 addition and 263 deletions.
diff --git a/docs/css/extra.css b/docs/css/extra.css
@@ -21,15 +21,6 @@
   margin-top: 3rem;
 }
 
-@media (max-width: 768px){
-  .md-header{
-    top: 131px;
-  }
-  .md-main__inner {
-    margin-top: 6rem;
-  }
-}
-
 .progress-bar {
   height: 1.2rem;
   float: left;

diff --git a/theme/css/f2c-header.css b/theme/css/f2c-header.css
@@ -209,238 +209,4 @@ h4,h5{font-family:-apple-system, BlinkMacSystemFont, "Neue Haas Grotesk Text Pro
 .mdx-content__footer a:focus,
 .mdx-content__footer a:hover{transform:scale(1.2)}
 .mdx-content__footer hr{display:inline-block;width:2rem;margin:1em;vertical-align:middle;background-color:currentColor;border:none}
-.mdx-heart{-webkit-animation:mdx-heart 1s infinite;animation:mdx-heart 1s infinite}
-
-.alert{padding:8px 15px;border-radius:6px;font-size:14px;}
-.alert.alert-dismissible{padding-right:30px;}
-.alert.alert-dismissible .close{top:-6px;right:-10px;font-size:16px!important;}
-.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#fff;text-shadow:0 1px 0 #fff;opacity:.5;}
-.close:hover{color:#000;text-decoration:none;}
-.alert-release{padding:4px 16px;border-radius:0px;font-size:14px;margin-bottom:0px;background-color:rgba(43, 147, 124);color:#ffffff;border-color:rgba(43, 147, 124);}
-.fade{transition:opacity .15s linear;}
-@media (max-width: 768px){
-    .notice-phone{display:none!important;}
-    .mega-nav-sandbox .mega-nav-body{background-color:white;box-shadow:0 2px 16px rgba(79,99,122,0.2);color:black;margin:1em;padding:1em!important;}
-}
-.pr-4{padding-right:1.5rem!important;}
-.btn-outline-release{padding:6px 12px;border:1px solid white;color:white;background-color:transparent;line-height:2.5;}
-
-
-.carousel {
-    position: relative
-}
-
-.carousel.pointer-event {
-    -ms-touch-action: pan-y;
-    touch-action: pan-y
-}
-
-.carousel-inner {
-    position: relative;
-    width: 100%;
-    overflow: hidden
-}
-
-.carousel-inner::after {
-    display: block;
-    clear: both;
-    content: ""
-}
-
-.carousel-item {
-    position: relative;
-    display: none;
-    float: left;
-    width: 100%;
-    margin-right: -100%;
-    -webkit-backface-visibility: hidden;
-    backface-visibility: hidden;
-    transition: -webkit-transform .6s ease-in-out;
-    transition: transform .6s ease-in-out;
-    transition: transform .6s ease-in-out, -webkit-transform .6s ease-in-out
-}
-
-@media (prefers-reduced-motion: reduce) {
-    .carousel-item {
-        transition: none
-    }
-}
-
-.carousel-item-next, .carousel-item-prev, .carousel-item.active {
-    display: block
-}
-
-.active.carousel-item-right, .carousel-item-next:not(.carousel-item-left) {
-    -webkit-transform: translateX(100%);
-    transform: translateX(100%)
-}
-
-.active.carousel-item-left, .carousel-item-prev:not(.carousel-item-right) {
-    -webkit-transform: translateX(-100%);
-    transform: translateX(-100%)
-}
-
-.carousel-fade .carousel-item {
-    opacity: 0;
-    transition-property: opacity;
-    -webkit-transform: none;
-    transform: none
-}
-
-.carousel-fade .carousel-item-next.carousel-item-left, .carousel-fade .carousel-item-prev.carousel-item-right, .carousel-fade .carousel-item.active {
-    z-index: 1;
-    opacity: 1
-}
-
-.carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
-    z-index: 0;
-    opacity: 0;
-    transition: opacity 0s .6s
-}
-
-@media (prefers-reduced-motion: reduce) {
-    .carousel-fade .active.carousel-item-left, .carousel-fade .active.carousel-item-right {
-        transition: none
-    }
-}
-
-.carousel-control-next, .carousel-control-prev {
-    position: absolute;
-    top: 0;
-    bottom: 0;
-    z-index: 1;
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-align: center;
-    align-items: center;
-    -ms-flex-pack: center;
-    justify-content: center;
-    width: 15%;
-    color: #fff;
-    text-align: center;
-    opacity: .5;
-    transition: opacity .15s ease
-}
-
-@media (prefers-reduced-motion: reduce) {
-    .carousel-control-next, .carousel-control-prev {
-        transition: none
-    }
-}
-
-.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
-    color: #fff;
-    text-decoration: none;
-    outline: 0;
-    opacity: .9
-}
-
-.carousel-control-prev {
-    left: 0
-}
-
-.carousel-control-next {
-    right: 0
-}
-
-.carousel-control-next-icon, .carousel-control-prev-icon {
-    display: inline-block;
-    width: 20px;
-    height: 20px;
-    background: no-repeat 50%/100% 100%
-}
-
-.carousel-control-prev-icon {
-    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")
-}
-
-.carousel-control-next-icon {
-    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")
-}
-
-.carousel-indicators {
-    position: absolute;
-    right: 0;
-    bottom: 0;
-    left: 0;
-    z-index: 15;
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-pack: center;
-    justify-content: center;
-    padding-left: 0;
-    margin-right: 15%;
-    margin-left: 15%;
-    list-style: none
-}
-
-.carousel-indicators li {
-    box-sizing: content-box;
-    -ms-flex: 0 1 auto;
-    flex: 0 1 auto;
-    width: 30px;
-    height: 3px;
-    margin-right: 3px;
-    margin-left: 3px;
-    text-indent: -999px;
-    cursor: pointer;
-    background-color: #fff;
-    background-clip: padding-box;
-    border-top: 10px solid transparent;
-    border-bottom: 10px solid transparent;
-    opacity: .5;
-    transition: opacity .6s ease
-}
-
-@media (prefers-reduced-motion: reduce) {
-    .carousel-indicators li {
-        transition: none
-    }
-}
-
-.carousel-indicators .active {
-    opacity: 1
-}
-
-.carousel-caption {
-    position: absolute;
-    right: 15%;
-    bottom: 20px;
-    left: 15%;
-    z-index: 10;
-    padding-top: 20px;
-    padding-bottom: 20px;
-    color: #fff;
-    text-align: center
-}
-
-.sr-only {
-    position: absolute;
-    width: 1px;
-    height: 1px;
-    padding: 0;
-    margin: -1px;
-    overflow: hidden;
-    clip: rect(0, 0, 0, 0);
-    border: 0
-}
-
-.glyphicon {
-    position: relative;
-    top: 1px;
-    display: inline-block;
-    font-family: "Glyphicons Halflings";
-    font-style: normal;
-    font-weight: 400;
-    line-height: 1;
-    -webkit-font-smoothing: antialiased;
-    -moz-osx-font-smoothing: grayscale
-}
-
-.glyphicon-chevron-left:before {
-    content: "\e079"
-}
-
-.glyphicon-chevron-right:before {
-    content: "\e080"
-}
+.mdx-heart{-webkit-animation:mdx-heart 1s infinite;animation:mdx-heart 1s infinite}
diff --git a/theme/f2c-header.html b/theme/f2c-header.html
@@ -1,22 +1,3 @@
-<script>
-    $(document).ready(function () {
-        var currentOS = navigator.platform;
-        if (currentOS.match("iPhone" || "iPod" || "iPad" || "Andriod" || "ios")) {
-            const mainDom = document.getElementById('tmpspan');
-            mainDom.innerHTML = mainDom.innerHTML + '<br />'
-        }
-    });
-
-    function closeDiv(){
-        document.getElementsByClassName('md-header')[0].style.top='48px';
-        document.getElementsByClassName('md-main__inner')[0].style.marginTop='3rem';
-        const leftButton = document.getElementById("leftButton");
-        leftButton.parentNode.removeChild(leftButton);
-        const rightButton = document.getElementById("rightButton");
-        rightButton.parentNode.removeChild(rightButton);
-        document.getElementById("myCarousel").style.cssText += 'display: none !important';
-    }
-</script>
 <header id="topnav" class="defaultscroll sticky">
     <svg class="hidden-print" aria-hidden="true" style="position: absolute; width: 0; height: 0;" width="0" height="0" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
         <defs>