changes
This commit is contained in:
@@ -0,0 +1,8 @@
|
||||
// = ACCOUNT ASSET
|
||||
// ============================================================================
|
||||
// No CSS hacks, variables overrides only
|
||||
|
||||
.o_account_reports_page.o_account_assets_report {
|
||||
--DepreciationSchedule-background-color: #{$o-gray-300};
|
||||
--DepreciationSchedule-border-color: #{$o-gray-600};
|
||||
}
|
||||
@@ -0,0 +1,77 @@
|
||||
.o_account_reports_page.o_account_assets_report .o_account_reports_table {
|
||||
|
||||
.o_account_reports_header_hierarchy {
|
||||
|
||||
white-space: nowrap;
|
||||
|
||||
.o_account_asset_report_top_header_row th:not(:first-child) {
|
||||
border: 1px solid var(--DepreciationSchedule-border-color, #{$o-gray-200});
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
.o_account_report_column_header{
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
}
|
||||
|
||||
& > tr:first-child th{
|
||||
text-align: right !important;
|
||||
}
|
||||
}
|
||||
|
||||
.o_account_reports_header_hierarchy tr:nth-child(3) th:nth-child(2n+6),
|
||||
.o_account_asset_column_contrast{
|
||||
background-color: var(--DepreciationSchedule-background-color, #{$o-gray-100});
|
||||
background-clip: padding-box;
|
||||
}
|
||||
|
||||
.o_account_asset_contrast_inner{
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
.o_asset_blank_if_zero_value{
|
||||
opacity: 0.3;
|
||||
}
|
||||
}
|
||||
|
||||
.o_account_asset_kanban_title {
|
||||
text-overflow: ellipsis;
|
||||
overflow: hidden;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.o_account_reports_body_print .o_account_assets_report{
|
||||
|
||||
.o_account_asset_contrast_inner{
|
||||
font-weight: normal;
|
||||
}
|
||||
|
||||
td.o_foldable_total {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.o_account_reports_header_hierarchy {
|
||||
white-space: nowrap;
|
||||
.o_account_asset_report_top_header_row th:not(:first-child) {
|
||||
border: 1px solid lightgrey;
|
||||
padding-top: 8px;
|
||||
padding-bottom: 8px;
|
||||
|
||||
font-weight: bold;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
tr:nth-child(3) {
|
||||
th:nth-child(2), th:nth-child(3), th:nth-child(4), th:nth-child(5) {
|
||||
table > tbody > tr > td{
|
||||
text-align: center !important;
|
||||
}
|
||||
}
|
||||
th > table > tbody > tr > td {
|
||||
font-weight: normal;
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -0,0 +1,21 @@
|
||||
// = ACCOUNT FINANCIAL REPORT
|
||||
// ============================================================================
|
||||
// No CSS hacks, variables overrides only
|
||||
|
||||
.o_account_reports_page {
|
||||
--AccountFinancial-background-color: #{$o-gray-200};
|
||||
--AccountFinancial-background-contrast: #{$o-gray-300};
|
||||
--AccountFinancial-background-hover: #{$o-gray-300};
|
||||
--AccountFinancial-background-linear: linear-gradient(#{$o-gray-200}, #{$o-gray-200}), linear-gradient(#{$o-gray-300}, #{$o-gray-300});
|
||||
--AccountFinancial-text-color: #{$o-gray-800};
|
||||
--AccountFinancial-red-color: #{$o-danger};
|
||||
--AccountFinancial-link-color: #{$o-action};
|
||||
--AccountFinancial-border-color: #{$o-gray-400};
|
||||
--AccountFinancial-border-accent-color: #{$o-gray-600};
|
||||
--AccountFinancial-subtable-color: #{$o-gray-300};
|
||||
}
|
||||
|
||||
.account_report {
|
||||
--AccountReport-fine-line-separator-color: #{$o-gray-300};
|
||||
--AccountReport-muted-data-color: #{$o-gray-400};
|
||||
}
|
||||
@@ -0,0 +1,144 @@
|
||||
/**************************************
|
||||
This file contains all the css for the pdf export of the reports
|
||||
|
||||
NB: We only use bootstrap for the grid system to avoid having problems in the future if bootstrap is updated
|
||||
and don't work wih wkhtmltopdf anymore
|
||||
***************************************/
|
||||
|
||||
.o_content {
|
||||
margin: 20px;
|
||||
/*****************
|
||||
HEADER OF THE REPORT
|
||||
*****************/
|
||||
header {
|
||||
padding: 10px;
|
||||
background-color: $o-gray-300;
|
||||
margin-bottom: 10px;
|
||||
|
||||
.o_header_font { font-size: 13px }
|
||||
}
|
||||
/*****************
|
||||
TABLE
|
||||
*****************/
|
||||
.o_table {
|
||||
width: 100%;
|
||||
font-family: 'Verdana', sans-serif;
|
||||
font-size: 0.8rem;
|
||||
margin: 0 0 24px;
|
||||
padding: 24px;
|
||||
|
||||
// Define direction attribute here so when rtlcss preprocessor run, it converts it to rtl
|
||||
direction: ltr;
|
||||
|
||||
> :not(caption) > * > * { padding: 0.25rem 0.75rem } //!\\ Override of bootstrap, keep selector
|
||||
|
||||
// Override bootstrap in the account reports
|
||||
thead, tbody, tfoot, tr, td, th { border-style: none }
|
||||
|
||||
&.horizontal_split_page {
|
||||
width: 48%;
|
||||
margin-left: 1%;
|
||||
margin-right: 1%;
|
||||
}
|
||||
|
||||
/*****************
|
||||
Header of the main table
|
||||
*****************/
|
||||
> thead {
|
||||
white-space: nowrap;
|
||||
tr > th:first-child { width:100% }
|
||||
|
||||
> tr:not(:last-child) th:not(:first-child) {
|
||||
border: 1px solid $o-gray-300;
|
||||
text-align: center;
|
||||
}
|
||||
}
|
||||
/*****************
|
||||
Body of the main table
|
||||
*****************/
|
||||
> tbody {
|
||||
white-space: nowrap; // Will be override by o_overflow if the line is too big
|
||||
|
||||
tr {
|
||||
height: 20px; // So that empty tr have a height, min height don't seem to work
|
||||
padding: 2px;
|
||||
vertical-align: center;
|
||||
}
|
||||
|
||||
td {
|
||||
word-wrap: break-word;
|
||||
max-width: 350px;
|
||||
}
|
||||
|
||||
.o_column_percent_comparison {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.o_line_level_0 {
|
||||
background-color: $o-gray-200;
|
||||
color: $o-gray-700;
|
||||
font-weight: bold;
|
||||
|
||||
.o_line_name_level { padding-left: 8px }
|
||||
}
|
||||
|
||||
@for $i from 1 through 3 {
|
||||
.o_line_level_#{$i} {
|
||||
border-bottom: 0.5px solid $o-gray-300;
|
||||
.o_line_name_level { padding-left: (($i + 1) * 8px) }
|
||||
}
|
||||
}
|
||||
|
||||
@for $i from 4 through 16 {
|
||||
.o_line_level_#{$i} {
|
||||
border-bottom: 0.5px solid $o-gray-200;
|
||||
.o_line_name_level { padding-left: (($i + 1) * 8px) }
|
||||
}
|
||||
}
|
||||
|
||||
.o_cell_td > .o_line_cell_value_number {
|
||||
display: block;
|
||||
text-align: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/****************
|
||||
UTILS
|
||||
*****************/
|
||||
.o_d_none { display: none }
|
||||
.o_fw_bold { font-weight: bold }
|
||||
.o_text_end { text-align: end }
|
||||
.o_text_muted { color: $o-gray-600 }
|
||||
.o_muted { color: $o-gray-300 }
|
||||
|
||||
.o_title {
|
||||
font-size: 20px;
|
||||
font-weight: bold;
|
||||
text-align: center;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
.o_overflow_value {
|
||||
display: inline-block;
|
||||
max-width: 350px;
|
||||
white-space: normal !important;
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
|
||||
.o_overflow_name {
|
||||
white-space: normal !important;
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
|
||||
body[dir="rtl"] {
|
||||
.o_line_name_level {
|
||||
white-space: normal !important;
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
}
|
||||
|
||||
.o_footer_font_size { font-size: 0.7rem }
|
||||
|
||||
.o_annotation { list-style: none }
|
||||
@@ -0,0 +1,121 @@
|
||||
.journal_report_pdf {
|
||||
font-family: 'Verdana';
|
||||
margin: 20px;
|
||||
|
||||
header {
|
||||
width: 100%;
|
||||
padding: 50px 20px;
|
||||
|
||||
.o_header_font {
|
||||
font-size: 0.8rem;
|
||||
}
|
||||
|
||||
.o_title {
|
||||
font-size: 1.5rem;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.o_subtitle {
|
||||
font-size: 1.2rem;
|
||||
font-weight: medium;
|
||||
text-align: center;
|
||||
color: $o-gray-700;
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
.o_table {
|
||||
width: 100%;
|
||||
direction: ltr;
|
||||
font-size: 0.6rem;
|
||||
white-space: nowrap;
|
||||
|
||||
thead, tbody, tfoot, tr, td, th { border-style: none }
|
||||
|
||||
td, th {
|
||||
padding: 6px 10px 3px;
|
||||
vertical-align: text-top;
|
||||
}
|
||||
|
||||
th {
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.o_right_alignment {
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
.o_muted {
|
||||
color: $o-gray-500;
|
||||
}
|
||||
|
||||
> thead {
|
||||
background-color: $o-gray-200;
|
||||
|
||||
tr > th:nth-child(3) {
|
||||
width: 50%;
|
||||
max-width: 50%;
|
||||
}
|
||||
}
|
||||
|
||||
> tbody {
|
||||
|
||||
tr > td:nth-child(3) {
|
||||
white-space: normal;
|
||||
overflow-wrap: break-word;
|
||||
}
|
||||
|
||||
tr:last-child {
|
||||
font-weight: bold;
|
||||
border-top: 1px solid $o-gray-200;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.tax_summary {
|
||||
width: 100%;
|
||||
|
||||
> div > div {
|
||||
padding: 2px 15px;
|
||||
}
|
||||
|
||||
.o_table > tbody > tr:last-child {
|
||||
font-weight: normal;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
.o_table > thead > tr > th:nth-child(3) {
|
||||
width: auto;
|
||||
max-width: fit-content;
|
||||
}
|
||||
}
|
||||
|
||||
///////////////////////////////////////////////
|
||||
/// Global
|
||||
//////////////////////////////////////////////
|
||||
|
||||
.o_section_title {
|
||||
width: 100%;
|
||||
|
||||
font-size: 1.5rem;
|
||||
font-weight: 500;
|
||||
text-align: center;
|
||||
color: $o-gray-700;
|
||||
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.o_section_subtitle {
|
||||
font-size: 1rem;
|
||||
font-weight: 300;
|
||||
margin-top: 50px;
|
||||
}
|
||||
|
||||
.o_even {
|
||||
background-color: $o-gray-200;
|
||||
}
|
||||
|
||||
.o_bold {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user