MISP
/
MISP
mirror of https://github.com/MISP/MISP
2
2
Fork 0
Code Issues Releases Wiki Activity

Fixed the CSS issues with the pivot thread

pull/217/head
iglocska 2013-08-02 14:45:54 +02:00
parent d888749fe4
commit 4cd55b90f8
2 changed files with 32 additions and 41 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/View/Events/view.ctp
View File

@ -142,12 +142,10 @@ $mayPublish = ($isAclPublish && $event['Event']['orgc'] == $me['org']);
<?php
foreach ($allPivots as $k => $v) {
?>
<div class="pivot">
<div class="pivot-arrow-back"></div>
<div class="arrow_box">
<span title="<?php echo h($v[1]); ?>">
<?php echo $this->Html->link(h($v[2]) . ' (' . h($v[0]) . ')', array('controller' => 'events', 'action' => 'view', $v[0], true));?>
</span>
<div class="pivot-arrow-front"></div>
</div>
<?php

69
app/webroot/css/main.css
View File

@ -430,46 +430,39 @@ dd {
font-weight:bold !important;
}
.pivot {
background-color:#F2F2F2;
border-top: 1px solid #B2B2B2;
border-bottom: 1px solid #B2B2B2;
margin-bottom: 5px;
margin-right: 10px;
padding:0px;
padding-left:20px;
padding-right:10px;
position:relative;
line-height:17px;
text-align:center;
display: inline-block;
.arrow_box {
position: relative;
background: #f2f2f2;
border: 1px solid #b2b2b2;
display: inline-block;
padding-left:10px;
padding-right:10px;
margin-bottom: 5px;
margin-right: 15px;
}
.pivot-arrow-front {
width: 0;
height: 0;
border-top: 9px solid transparent;
border-bottom: 9px solid transparent;
border-left: 9px solid #F2F2F2;
position:absolute;
bottom:0px;
left:100%;
}
.pivot-arrow-back {
width: 0;
.arrow_box:after, .arrow_box:before {
left: 100%;
border: solid transparent;
content: " ";
height: 0;
background-color:#FFFFFF;
border-right: 8px solid #F2F2F2;
border-top: 9px solid #F2F2F2;
border-bottom: 8px solid #F2F2F2;
border-left: 8px solid transparent;
position:absolute;
bottom:0px;
left:0%;
width: 0;
position: absolute;
pointer-events: none;
}
.arrow_box:after {
border-color: rgba(242, 242, 242, 0);
border-left-color: #f2f2f2;
border-width: 10px;
top: 50%;
margin-top: -10px;
}
.arrow_box:before {
border-color: rgba(178, 178, 178, 0);
border-left-color: #b2b2b2;
border-width: 11px;
top: 50%;
margin-top: -11px;
}