UI: Reduced size of panel so that it does not overflow in the page.

Changed PB offset from padding to top, reducing overing bug/flickering.
Reduced badges size so that the modal fit in the page.
pull/15/head
Sami Mokaddem 2017-12-04 11:49:30 +01:00
parent 7532074417
commit 43c4895d3b
3 changed files with 6 additions and 6 deletions

View File

@ -17,10 +17,10 @@
}
.circleBadgeSmall {
width: 73px;
height: 73px;
width: 57px;
height: 57px;
text-align: center;
border-radius: 38px;
border-radius: 28px;
background-color: #e1e1e1;
border: 1px solid #caccce;
vertical-align: middle;

View File

@ -81,7 +81,7 @@ optionDatatable_last.columnDefs = [
]
var optionDatatable_fameQuant = jQuery.extend({}, optionDatatable_light)
var optionDatatable_fameQual = jQuery.extend({}, optionDatatable_light)
optionDatatable_fameQual.scrollY = '40vh';
optionDatatable_fameQual.scrollY = '39vh';
var optionDatatable_Categ = {
responsive: true,

View File

@ -172,7 +172,7 @@
<tr>
<td>
<div id="divBadge_{{ loop.index }}" class="circleBadgeSmall circlBadgeNotAcquired">
<img height='64px' width='64px' class="" style="margin-top: 3px;" src="{{ url_for('static', filename='pics/MISPHonorableIcons/1.svg')[:-5]}}{{ item[0] }}.svg" type='image/svg' style="margin: auto;"</img>
<img height='48px' width='48' class="" style="margin-top: 3px;" src="{{ url_for('static', filename='pics/MISPHonorableIcons/1.svg')[:-5]}}{{ item[0] }}.svg" type='image/svg' style="margin: auto;"</img>
</div>
</td>
<td style="padding-left: 15px;">{{ item[1] }}</td>
@ -273,7 +273,7 @@
<object id='orgContributionRank' height=32 width=64 class="centerInBtn"></object>
<strong id="orgText" class="centerInBtn"></strong>
<div id="orgRankDiv" class='textTopHeader' style="padding-top: 0px; position: relative; width: 40px; height: 40px;"></div>
<div class='' style="float: left; padding: 10px;">
<div class='' style="float: left; top: 10px; position: relative;">
<div class="progress" style=''>
<div id="progressBarDiv" class="progress-bar progress-bar-striped" role="progressbar" style="width:0%">
</div>