mirror of
https://github.com/serghey-rodin/vesta.git
synced 2025-08-21 05:44:07 -07:00
Frontend UI performance fix 2
This commit is contained in:
parent
bae14b2180
commit
9c9c06c2dc
4 changed files with 33 additions and 24 deletions
|
@ -683,13 +683,12 @@ b, strong {
|
|||
}
|
||||
.l-content #vstobjects > .l-center {
|
||||
margin-left: 200px;
|
||||
margin-right: 40px;
|
||||
margin-right: 240px;
|
||||
padding-top: 0;
|
||||
padding-bottom: 1px;
|
||||
}
|
||||
.l-content .io-log {
|
||||
color: #58666f;
|
||||
border-left: 1px solid #dee5e8;
|
||||
|
||||
.l-content .right_sidebar {
|
||||
width: 240px;
|
||||
position: fixed;
|
||||
display: block;
|
||||
|
@ -697,13 +696,24 @@ b, strong {
|
|||
z-index: 98;
|
||||
top: 50px;
|
||||
right: 0px;
|
||||
box-sizing: border-box;
|
||||
height: 100%;
|
||||
}
|
||||
.l-content .io-log {
|
||||
color: #58666f;
|
||||
border-left: 1px solid #dee5e8;
|
||||
width: 240px;
|
||||
position: relative;
|
||||
display: block;
|
||||
/*overflow-scrolling: auto;*/
|
||||
z-index: 98;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
background: #fff;
|
||||
word-break: break-word;
|
||||
overflow: hidden;
|
||||
border-right: 8px solid #e3e3e3;
|
||||
box-sizing: border-box;
|
||||
/* Firefox */
|
||||
/* width */
|
||||
}
|
||||
.l-content .io-log::-webkit-scrollbar {
|
||||
width: 7px;
|
||||
|
@ -788,26 +798,23 @@ b, strong {
|
|||
background: #fbffe0;
|
||||
}
|
||||
|
||||
|
||||
.l-content .io-log2 {
|
||||
color: #58666f;
|
||||
border-left: 1px solid #dee5e8;
|
||||
border-top: 1px solid #cecece;
|
||||
width: 240px;
|
||||
position: fixed;
|
||||
position: relative;
|
||||
height: 100%;
|
||||
display: block;
|
||||
/*overflow-scrolling: auto;*/
|
||||
z-index: 98;
|
||||
top: 380px;
|
||||
top: 0px;
|
||||
right: 0px;
|
||||
background: #fff;
|
||||
word-break: break-word;
|
||||
overflow-y: scroll;
|
||||
scrollbar-width: thin;
|
||||
box-sizing: border-box;
|
||||
/* Firefox */
|
||||
/* width */
|
||||
}
|
||||
.l-content .io-log2::-webkit-scrollbar {
|
||||
width: 7px;
|
||||
|
|
|
@ -26,15 +26,15 @@ function showIoLog(animate) {
|
|||
$(".l-content .l-center").css("margin-right", 240);
|
||||
$(".to-top").css("right", 285);
|
||||
$(".to-shortcuts").css("right", 330);
|
||||
$(".io-log").css("right", 0);
|
||||
$(".io-log2").css("right", 0);
|
||||
$(".right_sidebar").css("right", 0);
|
||||
//$(".io-log2").css("right", 0);
|
||||
//$("#myvesta_float").css("margin-right", 280);
|
||||
} else {
|
||||
$(".l-content .l-center").animate({"margin-right": 240});
|
||||
$(".to-top").animate({"right": 285});
|
||||
$(".to-shortcuts").animate({"right": 330});
|
||||
$(".io-log").animate({"right": 0});
|
||||
$(".io-log2").animate({"right": 0});
|
||||
$(".right_sidebar").animate({"right": 0});
|
||||
//$(".io-log2").animate({"right": 0});
|
||||
//$("#myvesta_float").animate({"margin-right": 280});
|
||||
}
|
||||
|
||||
|
@ -53,15 +53,15 @@ function hideIoLog(animate){
|
|||
$(".l-content .l-center").css("margin-right", 40);
|
||||
$(".to-top").css("right", 85);
|
||||
$(".to-shortcuts").css("right", 130);
|
||||
$(".io-log").css("right", -200);
|
||||
$(".io-log2").css("right", -200);
|
||||
$(".right_sidebar").css("right", -200);
|
||||
//$(".io-log2").css("right", -200);
|
||||
$("#myvesta_float").css("margin-right", 100);
|
||||
} else {
|
||||
$(".l-content .l-center").animate({"margin-right": 40});
|
||||
$(".to-top").animate({"right": 85});
|
||||
$(".to-shortcuts").animate({"right": 130});
|
||||
$(".io-log").animate({"right": -200});
|
||||
$(".io-log2").animate({"right": -200});
|
||||
$(".right_sidebar").animate({"right": -200});
|
||||
//$(".io-log2").animate({"right": -200});
|
||||
$("#myvesta_float").animate({"margin-right": 100});
|
||||
}
|
||||
}
|
||||
|
@ -89,8 +89,8 @@ var iohtml = '<div class="io-box clearfix">\n' +
|
|||
' </div>';
|
||||
|
||||
$(document).ready(function(){
|
||||
var sys_height=$(".io-log").height();
|
||||
$(".io-log2").css("top", sys_height+50);
|
||||
//var sys_height=$(".io-log").height();
|
||||
//$(".io-log2").css("top", sys_height+50);
|
||||
setTimeout(function() {
|
||||
iolog = getCookie("iolog");
|
||||
/* //console.log('cookie: "'+iolog+'"');
|
||||
|
|
|
@ -9,7 +9,7 @@
|
|||
<link href="https://fonts.googleapis.com/css2?family=Source+Sans+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Lobster&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css">
|
||||
<link rel="stylesheet" href="/css/styles.fix.css?1446554110">
|
||||
<link rel="stylesheet" href="/css/styles.fix.css?1446554111">
|
||||
<script>
|
||||
//
|
||||
// GLOBAL SETTINGS
|
||||
|
|
|
@ -1,3 +1,4 @@
|
|||
<div class="right_sidebar">
|
||||
<div class="io-log">
|
||||
<h2 class="io-log-h2" id="iologbutton">
|
||||
<?php
|
||||
|
@ -122,7 +123,7 @@
|
|||
<div>
|
||||
<?php
|
||||
$output='';
|
||||
exec (VESTA_CMD."v-list-user-log ".$CURRENT_USER_FINAL." json 15", $output, $return_var);
|
||||
exec (VESTA_CMD."v-list-user-log ".$CURRENT_USER_FINAL." json 25", $output, $return_var);
|
||||
check_error($return_var);
|
||||
$data = json_decode(implode('', $output), true);
|
||||
foreach ($data as $key => $value) {
|
||||
|
@ -153,6 +154,7 @@ foreach ($data as $key => $value) {
|
|||
</div>
|
||||
</div>
|
||||
<?php } ?>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript" src="/js/jquery-1.7.2.min.js?<?=JS_LATEST_UPDATE?>"></script>
|
||||
|
@ -165,7 +167,7 @@ foreach ($data as $key => $value) {
|
|||
<script type="text/javascript" src="/js/i18n.js.php?<?=JS_LATEST_UPDATE?>"></script>
|
||||
<script type="text/javascript" src="/js/templates.js?<?=JS_LATEST_UPDATE?>"></script>
|
||||
<script type="text/javascript" src="/js/jquery.finder.js?<?=JS_LATEST_UPDATE?>"></script>
|
||||
<script type="text/javascript" src="/js/fix.js?v=2"></script>
|
||||
<script type="text/javascript" src="/js/fix.js?v=4"></script>
|
||||
|
||||
<script>
|
||||
hover_menu = function() {}
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue