modify zentao bug/task/story card page's srollbar and actionbar

This commit is contained in:
chaideqing
2021-11-24 10:50:51 +08:00
parent 052157902a
commit 70677f0673
10 changed files with 39 additions and 26 deletions

View File

@@ -6,13 +6,11 @@
#mainContent .col-4 {display: none;} #mainContent .col-4 {display: none;}
.modal-dialog {width: 90%;} .modal-dialog {width: 90%;}
#mainMenu {position: fixed; width: 100%; z-index: 999;} #mainMenu {position: fixed; width: 100%; z-index: 999;}
#wholeContent {margin-top: 35px; height: calc(100% - 90px); display: block; overflow: hidden;} #scrollContent {margin-top: 35px; height: calc(100% - 70px); display: block; overflow: hidden;}
#wholeContent:hover{overflow: overlay;} #scrollContent:hover{overflow: overlay;}
html, body, #main, .container { height: 100%;} html, body, #main, .container { height: 100%;}
#actionbox {display: none;}
body * {font-size: 13px !important; line-height: 1.42857143; color: rgb(51, 51, 51);} body * {font-size: 13px !important; line-height: 1.42857143; color: rgb(51, 51, 51);}
.page-title > .label-id {min-width: 25px; line-height: 13px;} .page-title > .label-id {min-width: 25px; line-height: 13px;}
::-webkit-scrollbar {width: 10px; height: 10px;} ::-webkit-scrollbar {width: 10px; height: 10px;}
::-webkit-scrollbar-thumb:vertical {box-shadow: inset 1px 1px 0 rgb(0 0 0 / 10%), inset 0 -1px 0 rgb(0 0 0 / 7%); background-color: rgba(0, 0, 0, 0.2); border-radius: 10px; opacity: 0; transition: opacity 0.1s;} ::-webkit-scrollbar-thumb:vertical {box-shadow: inset 1px 1px 0 rgb(0 0 0 / 10%), inset 0 -1px 0 rgb(0 0 0 / 7%); background-color: rgba(0, 0, 0, 0.2); border-radius: 10px; opacity: 0; transition: opacity 0.1s;}
.m-bug-view:hover{overflow: overlay;} .btn span{line-height: 16px; vertical-align: middle;}
.m-bug-view{overflow: hidden;}

View File

@@ -28,8 +28,11 @@ $(function()
xuanAction += "<a href='" + url + "'" + title + target + btnClass + '>' + action + "</a>"; xuanAction += "<a href='" + url + "'" + title + target + btnClass + '>' + action + "</a>";
}); });
xuanAction += '</div>'; if(xuanAction != "<div class='xuancard-actions fixed'>"){
xuanAction += '</div>';
$('body').append(xuanAction); $('body').append(xuanAction);
}else{
$('#scrollContent').css('height', 'calc(100% - 36px)');
}
$('.xuancard-actions a.iframe').modalTrigger(); $('.xuancard-actions a.iframe').modalTrigger();
}) })

View File

@@ -38,7 +38,7 @@
<?php endif;?> <?php endif;?>
</div> </div>
<?php if($this->app->getViewType() == 'xhtml'):?> <?php if($this->app->getViewType() == 'xhtml'):?>
<div id="wholeContent"> <div id="scrollContent">
<?php endif;?> <?php endif;?>
<div id="mainContent" class="main-row"> <div id="mainContent" class="main-row">
<div class="main-col col-8"> <div class="main-col col-8">
@@ -68,7 +68,9 @@
?> ?>
</div> </div>
<?php $this->printExtendFields($bug, 'div', "position=left&inForm=0&inCell=1");?> <?php $this->printExtendFields($bug, 'div', "position=left&inForm=0&inCell=1");?>
<div class='cell'><?php include '../../common/view/action.html.php';?></div> <?php if($this->app->getViewType() != 'xhtml'):?>
<div class="cell"><?php include '../../common/view/action.html.php';?></div>
<?php endif;?>
<?php <?php
$params = "bugID=$bug->id"; $params = "bugID=$bug->id";
$extraParams = "extras=bugID=$bug->id"; $extraParams = "extras=bugID=$bug->id";

View File

@@ -7,11 +7,11 @@
.col-8>.cell {min-height: 300px;} .col-8>.cell {min-height: 300px;}
.modal-dialog {width: 90%;} .modal-dialog {width: 90%;}
#mainMenu {position: fixed; width: 100%; z-index: 999;} #mainMenu {position: fixed; width: 100%; z-index: 999;}
#wholeContent {margin-top: 35px; height: calc(100% - 90px); display: block; overflow: hidden;} #scrollContent {margin-top: 35px; height: calc(100% - 70px); display: block; overflow: hidden;}
#wholeContent:hover{overflow: overlay;} #scrollContent:hover{overflow: overlay;}
html, body, #main, .container { height: 100%;} html, body, #main, .container { height: 100%;}
#actionbox {display: none;}
body * {font-size: 13px !important; line-height: 1.42857143; color: rgb(51, 51, 51);} body * {font-size: 13px !important; line-height: 1.42857143; color: rgb(51, 51, 51);}
.page-title > .label-id {min-width: 25px; line-height: 13px;} .page-title > .label-id {min-width: 25px; line-height: 13px;}
::-webkit-scrollbar {width: 10px; height: 10px;} ::-webkit-scrollbar {width: 10px; height: 10px;}
::-webkit-scrollbar-thumb:vertical {box-shadow: inset 1px 1px 0 rgb(0 0 0 / 10%), inset 0 -1px 0 rgb(0 0 0 / 7%); background-color: rgba(0, 0, 0, 0.2); border-radius: 10px; opacity: 0; transition: opacity 0.1s;} ::-webkit-scrollbar-thumb:vertical {box-shadow: inset 1px 1px 0 rgb(0 0 0 / 10%), inset 0 -1px 0 rgb(0 0 0 / 7%); background-color: rgba(0, 0, 0, 0.2); border-radius: 10px; opacity: 0; transition: opacity 0.1s;}
.btn span{line-height: 16px; vertical-align: middle;}

View File

@@ -29,7 +29,11 @@ $(function()
xuanAction += "<a href='" + url + "'" + title + target + btnClass + '>' + action + "</a>"; xuanAction += "<a href='" + url + "'" + title + target + btnClass + '>' + action + "</a>";
}); });
xuanAction += '</div>'; if(xuanAction != "<div class='xuancard-actions fixed'>"){
$('body').append(xuanAction); xuanAction += '</div>';
$('body').append(xuanAction);
}else{
$('#scrollContent').css('height', 'calc(100% - 36px)');
}
$('.xuancard-actions a.iframe').modalTrigger(); $('.xuancard-actions a.iframe').modalTrigger();
}) })

View File

@@ -63,7 +63,7 @@
<?php endif;?> <?php endif;?>
</div> </div>
<?php if($this->app->getViewType() == 'xhtml'):?> <?php if($this->app->getViewType() == 'xhtml'):?>
<div id="wholeContent"> <div id="scrollContent">
<?php endif;?> <?php endif;?>
<div id="mainContent" class="main-row"> <div id="mainContent" class="main-row">
<div class="main-col col-8"> <div class="main-col col-8">
@@ -184,7 +184,9 @@
<?php endif;?> <?php endif;?>
</div> </div>
<?php $this->printExtendFields($story, 'div', "position=left&inForm=0&inCell=1");?> <?php $this->printExtendFields($story, 'div', "position=left&inForm=0&inCell=1");?>
<?php if($this->app->getViewType() != 'xhtml'):?>
<div class="cell"><?php include '../../common/view/action.html.php';?></div> <div class="cell"><?php include '../../common/view/action.html.php';?></div>
<?php endif;?>
<div class='main-actions'> <div class='main-actions'>
<div class="btn-toolbar"> <div class="btn-toolbar">
<?php common::printBack($browseLink);?> <?php common::printBack($browseLink);?>

View File

@@ -7,13 +7,11 @@
.col-8 > .cell {min-height: 300px;} .col-8 > .cell {min-height: 300px;}
.modal-dialog {width: 90%;} .modal-dialog {width: 90%;}
#mainMenu {position: fixed; width: 100%; z-index: 999;} #mainMenu {position: fixed; width: 100%; z-index: 999;}
#wholeContent {margin-top: 35px; height: calc(100% - 90px); display: block; overflow: hidden;} #scrollContent {margin-top: 35px; height: calc(100% - 70px); display: block; overflow: hidden;}
#wholeContent:hover{overflow: overlay;} #scrollContent:hover{overflow: overlay;}
html, body, #main, .container { height: 100%;} html, body, #main, .container { height: 100%;}
#actionbox {display: none;}
body * {font-size: 13px !important; line-height: 1.42857143; color: rgb(51, 51, 51);} body * {font-size: 13px !important; line-height: 1.42857143; color: rgb(51, 51, 51);}
.page-title > .label-id {min-width: 25px; line-height: 13px;} .page-title > .label-id {min-width: 25px; line-height: 13px;}
::-webkit-scrollbar {width: 10px; height: 10px;} ::-webkit-scrollbar {width: 10px; height: 10px;}
::-webkit-scrollbar-thumb:vertical {box-shadow: inset 1px 1px 0 rgb(0 0 0 / 10%), inset 0 -1px 0 rgb(0 0 0 / 7%); background-color: rgba(0, 0, 0, 0.2); border-radius: 10px; opacity: 0; transition: opacity 0.1s;} ::-webkit-scrollbar-thumb:vertical {box-shadow: inset 1px 1px 0 rgb(0 0 0 / 10%), inset 0 -1px 0 rgb(0 0 0 / 7%); background-color: rgba(0, 0, 0, 0.2); border-radius: 10px; opacity: 0; transition: opacity 0.1s;}
.m-task-view:hover{overflow: overlay;} .btn span{line-height: 16px; vertical-align: middle;}
.m-task-view{overflow: hidden;}

View File

@@ -28,7 +28,11 @@ $(function()
xuanAction += "<a href='" + url + "'" + title + target + btnClass + '>' + action + "</a>"; xuanAction += "<a href='" + url + "'" + title + target + btnClass + '>' + action + "</a>";
}); });
xuanAction += '</div>'; if(xuanAction != "<div class='xuancard-actions fixed'>"){
$('body').append(xuanAction); xuanAction += '</div>';
$('body').append(xuanAction);
}else{
$('#scrollContent').css('height', 'calc(100% - 36px)');
}
$('.xuancard-actions a.iframe').modalTrigger(); $('.xuancard-actions a.iframe').modalTrigger();
}) })

View File

@@ -47,7 +47,7 @@
<?php endif;?> <?php endif;?>
</div> </div>
<?php if($this->app->getViewType() == 'xhtml'):?> <?php if($this->app->getViewType() == 'xhtml'):?>
<div id="wholeContent"> <div id="scrollContent">
<?php endif;?> <?php endif;?>
<div id="mainContent" class="main-row"> <div id="mainContent" class="main-row">
<div class="main-col col-8"> <div class="main-col col-8">
@@ -153,7 +153,9 @@
?> ?>
</div> </div>
<?php $this->printExtendFields($task, 'div', "position=left&inForm=0&inCell=1");?> <?php $this->printExtendFields($task, 'div', "position=left&inForm=0&inCell=1");?>
<?php if($this->app->getViewType() != 'xhtml'):?>
<div class="cell"><?php include '../../common/view/action.html.php';?></div> <div class="cell"><?php include '../../common/view/action.html.php';?></div>
<?php endif;?>
<div class='main-actions'> <div class='main-actions'>
<div class="btn-toolbar"> <div class="btn-toolbar">
<?php common::printBack($browseLink);?> <?php common::printBack($browseLink);?>

View File

@@ -8,5 +8,5 @@ body{padding:0px; margin: 0px;background-color: #fff;}
#mainContent .cell{box-shadow:none; -webkit-box-shadow: none;} #mainContent .cell{box-shadow:none; -webkit-box-shadow: none;}
.xuanxuan-card{padding-bottom:55px;} .xuanxuan-card{padding-bottom:55px;}
.xuancard-actions{width: 100%;text-align: center; padding: 10px 0;} .xuancard-actions{width: 100%;text-align: center; height: 34px;}
.xuancard-actions.fixed{position: fixed; background: #fff; border-top: 1px solid #ddd; bottom: 0; margin-bottom: 0; z-index: 999; box-shadow: 0 -2px 10px rgba(0,0,0,0.15);} .xuancard-actions.fixed{position: fixed; background: #fff; border-top: 1px solid #ddd; bottom: 0; margin-bottom: 0; z-index: 999;}