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

New attribute: ImageAttribute

Browse Source 
SVN:trunk[4129]
This commit is contained in:
Romain Quetiez
2016-05-24 15:29:44 +00:00
parent 2299d23099
commit 1e719b97d8
20 changed files with 730 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

88
css/light-grey.css
View File

@@ -107,6 +107,78 @@ table.listResults td {
}
table.listResults td .view-image {
width: inherit !important;
height: inherit !important;
}
table.listResults td .view-image img {
max-width: 48px !important;
max-height: 48px !important;
display: block;
margin-left: auto;
margin-right: auto;
}
.edit-image .view-image {
display: inline-block;
}
.edit-image .view-image.dirty.compat {
background-image: url("ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png");
}
.edit-image .view-image.dirty.compat img {
opacity: 0.3;
}
.edit-image .edit-buttons {
display: inline-block;
vertical-align: top;
margin-top: 4px;
margin-left: 3px;
}
.edit-image .edit-buttons .button {
cursor: pointer;
margin-bottom: 3px;
padding: 2px;
background-color: #e87c1e;
}
.edit-image .edit-buttons .button.disabled {
cursor: default;
background-color: #555555;
opacity: 0.3;
}
.edit-image .edit-buttons .button .ui-icon {
background-image: url("ui-lightness/images/ui-icons_ffffff_256x240.png");
}
.edit-image .file-input {
display: block;
}
/*
* Center the image both horizontally and vertically, withing a box which size is fixed (depends on the attribute definition)
*/
.details .view-image {
text-align: center;
padding: 2px;
border: 2px solid #dddddd;
border-radius: 6px;
}
.details .view-image img {
display: inline-block;
vertical-align: middle;
}
.details .view-image .helper-middle {
display: inline-block;
height: 100%;
vertical-align: middle;
}
table.listContainer {
border: 0;
padding: 0;
@@ -2057,6 +2129,22 @@ table.export_parameters td {
}
/*
* Format for the PDF output
*/
.table_preview .view-image {
width: inherit !important;
height: inherit !important;
text-align: center;
}
.table_preview .view-image img {
max-width: 48px !important;
max-height: 48px !important;
display: inline-block;
}
.graph_zoom {
display: inline-block;
float: right;

97
css/light-grey.scss
View File

@@ -90,6 +90,83 @@ table.listResults td {
padding: 2px;
}
table.listResults td .view-image {
// Counteract the forced dimensions (usefull for displaying in the details view)
width: inherit !important;
height: inherit !important;
img {
max-width: 48px !important;
max-height: 48px !important;
display: block;
margin-left: auto;
margin-right: auto;
}
}
.edit-image {
.view-image {
display: inline-block;
&.dirty {
// The image will be modified when saving the changes
&.compat {
// Browser not supporting FileReader
background-image: url("ui-lightness/images/ui-bg_diagonals-thick_20_666666_40x40.png");
img {
opacity: 0.3;
}
}
}
}
.edit-buttons {
display: inline-block;
vertical-align: top;
margin-top: 4px;
margin-left: 3px;
.button {
cursor: pointer;
margin-bottom: 3px;
padding: 2px;
background-color: $highlight-color;
&.disabled {
cursor: default;
background-color: $grey-color;
opacity: 0.3;
}
.ui-icon {
background-image: url("ui-lightness/images/ui-icons_ffffff_256x240.png");
}
}
}
.file-input {
display: block;
}
}
/* Center the image both horizontally and vertically, withing a box which size is fixed (depends on the attribute definition) */
.details .view-image {
text-align: center;
padding: 2px;
border: 2px solid #DDDDDD;
border-radius: 6px;
img {
display: inline-block;
vertical-align: middle;
}
.helper-middle {
// Helper to center the image (requires a span dedicated to this)
display: inline-block;
height: 100%;
vertical-align: middle;
}
}
table.listContainer {
border: 0;
padding: 0;
@@ -1520,6 +1597,18 @@ table.export_parameters td {
.table_preview div.text-preview {
white-space: pre-wrap;
}
/* Format for the PDF output */
.table_preview .view-image {
// Counteract the forced dimensions (usefull for displaying in the details view)
width: inherit !important;
height: inherit !important;
text-align: center;
img {
max-width: 48px !important;
max-height: 48px !important;
display: inline-block;
}
}
.graph_zoom {
display: inline-block;
float: right;
@@ -1585,10 +1674,10 @@ span.refresh-button {
display: block;
}
.case-log-history-entry-end {
display: none;
display: none;
}
.expanded .case-log-history-entry-end {
display: inline;
display: inline;
}
.case-log-history-entry-more {
display: inline;
@@ -1603,7 +1692,7 @@ span.refresh-button {
vertical-align: bottom;
}
.printable-tab .case-log-history-entry-end {
display: inline;
display: inline;
}
.printable-tab .case-log-history-entry-more {
display: none;
@@ -1776,4 +1865,4 @@ span.refresh-button {
}
.mfp-close {
cursor: pointer !important;
}
}