137 lines
2.4 KiB
CSS
137 lines
2.4 KiB
CSS
/* Printing */
|
|
@media print {
|
|
/* hide UI */
|
|
#top, #header, #more-user-links, .download, #content form {
|
|
display: none;
|
|
}
|
|
/* resize content */
|
|
#data {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
/* Breadcrumb */
|
|
#bijoe-slice-url-span {
|
|
text-overflow: ellipsis;
|
|
display: inline-block;
|
|
max-width: 30em;
|
|
white-space: nowrap;
|
|
overflow: hidden;
|
|
line-height: 15px;
|
|
}
|
|
|
|
/* Table of forms */
|
|
.main .bijoe-visualization-name, .main .bijoe-form-label {
|
|
text-align: left;
|
|
}
|
|
|
|
|
|
/* Cube form */
|
|
|
|
/* make a form a column on the right if not on mobile */
|
|
@media screen and (min-width: 800px) {
|
|
.cube-form {
|
|
float: right;
|
|
width: 20em;
|
|
padding-left: 2em;
|
|
clear: right;
|
|
}
|
|
}
|
|
|
|
/* size daterange fields in order to fit on one line inside the right column */
|
|
input[type=date] {
|
|
width: calc(100% / 2 - 8px);
|
|
}
|
|
|
|
select {
|
|
width: 100%;
|
|
}
|
|
.cube-form p { /* reduce spacing between fields */
|
|
margin-bottom: 0.5ex;
|
|
}
|
|
.cube-form h3 { /* reduce spacing between field groups headers */
|
|
margin-top: 0.5ex;
|
|
margin-bottom: 0.5ex;
|
|
}
|
|
/* work-around too genereic css rule in gadjo incompatible with jquery-ui style */
|
|
.ui-datepicker select {
|
|
padding-right: 0px;
|
|
}
|
|
|
|
/* add some between range field's subfields */
|
|
#id_filter__receipt_time_1 {
|
|
margin-left: 16px;
|
|
}
|
|
|
|
/* display representation field as an horizontal list of radio buttons */
|
|
#id_representation {
|
|
list-style: none;
|
|
padding: 0px;
|
|
text-align: justify;
|
|
display: flex;
|
|
justify-content: space-around;
|
|
}
|
|
|
|
/* Main content */
|
|
|
|
/* size main content to let some place on the right for the form */
|
|
@media screen and (min-width: 800px) {
|
|
#main-content {
|
|
min-height: 80vh;
|
|
}
|
|
#data {
|
|
width: calc(100% - 23em);
|
|
}
|
|
#data div.graph {
|
|
height: 70vh;
|
|
margin-bottom: 4rem;
|
|
}
|
|
#data.visualization-table {
|
|
height: auto;
|
|
}
|
|
}
|
|
|
|
.bijoe-iframe #data {
|
|
width: 98vw;
|
|
height: 98vh;
|
|
}
|
|
|
|
/* table representation */
|
|
#data table {
|
|
width: 100%;
|
|
/* does not user normal table borders */
|
|
border-collapse: collapse;
|
|
/* increase line height */
|
|
line-height: 1.3em;
|
|
}
|
|
|
|
/* align measure columns to the right */
|
|
#data .bijoe-measure {
|
|
text-align: right;
|
|
}
|
|
#data .bijoe-drilldown {
|
|
text-align: left;
|
|
}
|
|
|
|
/* center cells vertically */
|
|
#data td {
|
|
vertical-align: middle;
|
|
}
|
|
|
|
/* add some spacing around data */
|
|
#data td, #data th {
|
|
padding-left: 1ex;
|
|
padding-right: 1ex;
|
|
padding-top: 3px;
|
|
padding-bottom: 3px;
|
|
}
|
|
|
|
/* misc */
|
|
canvas {
|
|
box-sizing: border-box;
|
|
}
|
|
|
|
#divCursor {
|
|
width: 200px;
|
|
}
|