github/myvesta
1
0
Fork 0
mirror of https://github.com/myvesta/vesta synced 2025-08-19 21:04:07 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Frontend UI performance fix 2

Browse source
This commit is contained in:
myvesta 2023-06-10 22:39:49 +02:00 • committed by GitHub
commit 9c9c06c2dc
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 33 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

29
web/css/styles.fix.css
View file

@ -683,13 +683,12 @@ b, strong {
} }
.l-content #vstobjects > .l-center { .l-content #vstobjects > .l-center {
margin-left: 200px; margin-left: 200px;
margin-right: 40px; margin-right: 240px;
padding-top: 0; padding-top: 0;
padding-bottom: 1px; padding-bottom: 1px;
} }
.l-content .io-log {
color: #58666f; .l-content .right_sidebar {
border-left: 1px solid #dee5e8;
width: 240px; width: 240px;
position: fixed; position: fixed;
display: block; display: block;
@ -697,13 +696,24 @@ b, strong {
z-index: 98; z-index: 98;
top: 50px; top: 50px;
right: 0px; 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; background: #fff;
word-break: break-word; word-break: break-word;
overflow: hidden; overflow: hidden;
border-right: 8px solid #e3e3e3; border-right: 8px solid #e3e3e3;
box-sizing: border-box; box-sizing: border-box;
/* Firefox */
/* width */
} }
.l-content .io-log::-webkit-scrollbar { .l-content .io-log::-webkit-scrollbar {
width: 7px; width: 7px;
@ -788,26 +798,23 @@ b, strong {
background: #fbffe0; background: #fbffe0;
} }
.l-content .io-log2 { .l-content .io-log2 {
color: #58666f; color: #58666f;
border-left: 1px solid #dee5e8; border-left: 1px solid #dee5e8;
border-top: 1px solid #cecece; border-top: 1px solid #cecece;
width: 240px; width: 240px;
position: fixed; position: relative;
height: 100%; height: 100%;
display: block; display: block;
/*overflow-scrolling: auto;*/ /*overflow-scrolling: auto;*/
z-index: 98; z-index: 98;
top: 380px; top: 0px;
right: 0px; right: 0px;
background: #fff; background: #fff;
word-break: break-word; word-break: break-word;
overflow-y: scroll; overflow-y: scroll;
scrollbar-width: thin; scrollbar-width: thin;
box-sizing: border-box; box-sizing: border-box;
/* Firefox */
/* width */
} }
.l-content .io-log2::-webkit-scrollbar { .l-content .io-log2::-webkit-scrollbar {
width: 7px; width: 7px;

20
web/js/fix.js
View file

@ -26,15 +26,15 @@ function showIoLog(animate) {
$(".l-content .l-center").css("margin-right", 240); $(".l-content .l-center").css("margin-right", 240);
$(".to-top").css("right", 285); $(".to-top").css("right", 285);
$(".to-shortcuts").css("right", 330); $(".to-shortcuts").css("right", 330);
$(".io-log").css("right", 0); $(".right_sidebar").css("right", 0);
$(".io-log2").css("right", 0); //$(".io-log2").css("right", 0);
//$("#myvesta_float").css("margin-right", 280); //$("#myvesta_float").css("margin-right", 280);
} else { } else {
$(".l-content .l-center").animate({"margin-right": 240}); $(".l-content .l-center").animate({"margin-right": 240});
$(".to-top").animate({"right": 285}); $(".to-top").animate({"right": 285});
$(".to-shortcuts").animate({"right": 330}); $(".to-shortcuts").animate({"right": 330});
$(".io-log").animate({"right": 0}); $(".right_sidebar").animate({"right": 0});
$(".io-log2").animate({"right": 0}); //$(".io-log2").animate({"right": 0});
//$("#myvesta_float").animate({"margin-right": 280}); //$("#myvesta_float").animate({"margin-right": 280});
} }
@ -53,15 +53,15 @@ function hideIoLog(animate){
$(".l-content .l-center").css("margin-right", 40); $(".l-content .l-center").css("margin-right", 40);
$(".to-top").css("right", 85); $(".to-top").css("right", 85);
$(".to-shortcuts").css("right", 130); $(".to-shortcuts").css("right", 130);
$(".io-log").css("right", -200); $(".right_sidebar").css("right", -200);
$(".io-log2").css("right", -200); //$(".io-log2").css("right", -200);
$("#myvesta_float").css("margin-right", 100); $("#myvesta_float").css("margin-right", 100);
} else { } else {
$(".l-content .l-center").animate({"margin-right": 40}); $(".l-content .l-center").animate({"margin-right": 40});
$(".to-top").animate({"right": 85}); $(".to-top").animate({"right": 85});
$(".to-shortcuts").animate({"right": 130}); $(".to-shortcuts").animate({"right": 130});
$(".io-log").animate({"right": -200}); $(".right_sidebar").animate({"right": -200});
$(".io-log2").animate({"right": -200}); //$(".io-log2").animate({"right": -200});
$("#myvesta_float").animate({"margin-right": 100}); $("#myvesta_float").animate({"margin-right": 100});
} }
} }
@ -89,8 +89,8 @@ var iohtml = '<div class="io-box clearfix">\n' +
' </div>'; ' </div>';
$(document).ready(function(){ $(document).ready(function(){
var sys_height=$(".io-log").height(); //var sys_height=$(".io-log").height();
$(".io-log2").css("top", sys_height+50); //$(".io-log2").css("top", sys_height+50);
setTimeout(function() { setTimeout(function() {
iolog = getCookie("iolog"); iolog = getCookie("iolog");
/* //console.log('cookie: "'+iolog+'"'); /* //console.log('cookie: "'+iolog+'"');

2
web/templates/header.html
View file

@ -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=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 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="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> <script>
// //
// GLOBAL SETTINGS // GLOBAL SETTINGS

6
web/templates/scripts.html
View file

@ -1,3 +1,4 @@
<div class="right_sidebar">
<div class="io-log"> <div class="io-log">
<h2 class="io-log-h2" id="iologbutton"> <h2 class="io-log-h2" id="iologbutton">
<?php <?php
@ -122,7 +123,7 @@
<div> <div>
<?php <?php
$output=''; $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); check_error($return_var);
$data = json_decode(implode('', $output), true); $data = json_decode(implode('', $output), true);
foreach ($data as $key => $value) { foreach ($data as $key => $value) {
@ -153,6 +154,7 @@ foreach ($data as $key => $value) {
</div> </div>
</div> </div>
<?php } ?> <?php } ?>
</div>
</div> </div>
<script type="text/javascript" src="/js/jquery-1.7.2.min.js?<?=JS_LATEST_UPDATE?>"></script> <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/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/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/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> <script>
hover_menu = function() {} hover_menu = function() {}