documentation page

This commit is contained in:
SBD
2024-07-15 14:50:36 +03:00
parent 082e3107e6
commit cd77473d5e
2 changed files with 19 additions and 4 deletions

View File

@@ -6,6 +6,21 @@
} }
@media(max-width: 1150px){
.flex_container_buttons_3d_security_designer{
display: block;
}
.flex_container_buttons_3d_security_designer .btn_download_plugin {
width: 100%;
margin-right: 0;
}
.flex_container_buttons_3d_security_designer .btn_inf_about_plugin {
width: 100%;
margin-top: 20px;
margin-left: 0;
}
}
@media (max-width: 1024px) { @media (max-width: 1024px) {
.cur_documentation_version{ .cur_documentation_version{
font-size: 12px; font-size: 12px;

View File

@@ -514,12 +514,12 @@ function openVersionSwitcher(el){
let $arrow = $parent.querySelector(".documentation_switcher_arrow_picture") let $arrow = $parent.querySelector(".documentation_switcher_arrow_picture")
$content_part.classList.toggle("hidden") $content_part.classList.toggle("hidden")
if ($arrow.style.rotate === '0deg' || $arrow.style.rotate === '') { if ($arrow.style.rotate === '0deg' || $arrow.style.rotate === '') {
$($arrow).animate({rotate: '180deg'},200) $($arrow).css({rotate: '180deg'})
let height = $content_part.offsetHeight let height = $content_part.offsetHeight
$content_part.style.bottom = '-' + height + "px" $content_part.style.bottom = '-' + height + "px"
$parent.style.borderBottom = '1px solid #fff' $parent.style.borderBottom = '1px solid #fff'
} else { } else {
$($arrow).animate({rotate: '0deg'},200) $($arrow).css({rotate: '0deg'})
$parent.style.borderBottom = '1px solid #CCCED1FF' $parent.style.borderBottom = '1px solid #CCCED1FF'
} }
@@ -533,9 +533,9 @@ function closeVersionSwitcherOnBody () {
$version_switcher_container_content.addClass("hidden") $version_switcher_container_content.addClass("hidden")
$(".documentation_version_switcher").css({borderBottom: '1px solid #CCCED1FF'}) $(".documentation_version_switcher").css({borderBottom: '1px solid #CCCED1FF'})
if ($arrow.style.rotate !== '180deg'){ if ($arrow.style.rotate !== '180deg'){
$($arrow).animate({rotate: '180deg'},200) $($arrow).css({rotate: '180deg'})
} else { } else {
$($arrow).animate({rotate: '0deg'},200) $($arrow).css({rotate: '0deg'})
} }
$("body")[0].setAttribute("onclick",'') $("body")[0].setAttribute("onclick",'')
} }