composer/iTop
6
0
Fork 0
mirror of https://github.com/Combodo/iTop.git synced 2026-05-21 00:02:17 +02:00
Code Issues Packages Projects Releases Wiki Activity

N°1370 Portal badge : change some aligns + handle description correctly

Browse Source 
SVN:trunk[5742]
This commit is contained in:
Pierre Goiffon
2018-04-26 12:56:54 +00:00
parent 71d07be646
commit 22b181a8f7
2 changed files with 98 additions and 79 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
datamodels/2.x/itop-portal-base/portal/src/views/bricks/manage/tile-badge.html.twig
View File

@@ -9,6 +9,7 @@
class="tile{# vertical-center#}"
id="brick-{{ oBrick.GetId }}"
data-brick-id="{{ oBrick.GetId }}">
<div>
<div>
<div class="tile_decoration">{% if oBrick.GetDecorationClassHome %}<span
class="icon {{ oBrick.GetDecorationClassHome }}"></span>{% else %}<img src="{{ sIconURL }}"
@@ -20,9 +21,10 @@
<div class="tile_title">{{ iCount }}</div>
<div class="tile_description">{{ oBrick.GetTitle()|dict_s }}</div>
</div>
<div class="tile_description"><p>{{ oBrick.GetDescription|dict_s|raw }}</p></div>
</div>
</div>
</div>
<div class="tile_description">{{ oBrick.GetDescription|dict_s|raw }}</div>
</a>
{% endblock %}
</div>

51
datamodels/2.x/itop-portal-base/portal/web/css/portal.scss
View File

@@ -365,54 +365,70 @@ footer{
color: #555555;
}
.home div.tile-badge > a.tile {
display: table;
width: 100%;
padding: 12% 15% 5%;
padding: 0;
margin: 0;
margin-bottom: 25px;
height: 12em;
min-height: unset;
}
.home div.tile-badge > a.tile > div {
display: table-row;
padding: 12% 10% 0;
}
.home div.tile-badge > a.tile > div {
display: table;
width: 100%;
}
.home div.tile-badge > a.tile > div > div {
display: table-row;
}
.home div.tile-badge > a.tile > div > div > div {
display: table-cell;
}
.home div.tile-badge > a.tile > div > div.tile_decoration {
text-align: center;
.home div.tile-badge > a.tile > div > div > div.tile_decoration {
text-align: left;
vertical-align: top;
position: inherit;
float: inherit;
}
.home div.tile-badge > a.tile > div > div.tile_body {
.home div.tile-badge > a.tile > div > div > div.tile_body {
text-align: right;
padding-left: 0;
}
.home div.tile-badge > a.tile > div > div.tile_body > div:first-child {
text-align: center;
.home div.tile-badge > a.tile > div > div > div.tile_body > div:first-child {
margin: 0 auto;
margin-left: 10%;
}
.home div.tile-badge > a.tile > div > div.tile_body > div:first-child > div {
text-align: center;
}
.home div.tile-badge > a.tile > div > div.tile_body > div:first-child > div.tile_description {
.home div.tile-badge > a.tile > div > div > div.tile_body > div:first-child > div.tile_description {
margin-bottom: 1.5em;
text-align: right;
}
.home div.tile-badge > a.tile > div > div.tile_body > div:first-child > div.tile_title {
.home div.tile-badge > a.tile > div > div > div.tile_body > div:first-child > div.tile_title {
font-size: 4.5em;
font-weight: normal;
margin-bottom: 0.5em;
}
.home div.tile-badge > a.tile > div > div.tile_body > div.tile_description {
text-align: right;
.home div.tile-badge > a.tile > div.tile_description {
display: block;
padding: 0 5%;
font-size: 1em;
font-style: italic;
text-align: center;
line-height: normal;
height: 2em; /* needed even if height is defined on a.tile :/ */
overflow: hidden;
}
.home div.tile-chart > a > div {
@@ -899,6 +915,7 @@ table .group-actions .item-action-wrapper .panel-body > p:last-child{
}
.mosaic-item-description{
overflow: hidden;
text-overflow: ellipsis;
}
/* Layout 1 */
.mosaic-item-layout-1 .mosaic-item-name{