[FIX] web_kanban: dashboard style remains when grouped

This commit is contained in:
Martin Geubelle
2015-07-06 14:19:30 +02:00
parent d2dd78889d
commit ea8a853400
4 changed files with 44 additions and 43 deletions
@@ -1,7 +1,10 @@
.o_kanban_view.o_kanban_dashboard.o_account_kanban {
.o_kanban_record {
min-width: 500px;
max-width: 650px;
min-width: 400px;
@media (max-width: @grid-float-breakpoint) {
min-width: inherit;
}
.o_kanban_card_settings {
padding: 8px;
@@ -93,4 +96,10 @@
}
}
}
&.o_kanban_grouped {
.o_kanban_record {
min-width: inherit;
}
}
}
@@ -1,6 +0,0 @@
.o_kanban_view.o_kanban_dashboard.o_hr_recruitment_kanban {
.o_kanban_record {
max-width: 500px;
min-width: 450px;
}
}
@@ -4,7 +4,6 @@
<template id="assets_backend" name="hr_recruitment assets" inherit_id="web.assets_backend">
<xpath expr="." position="inside">
<link rel="stylesheet" href="/hr_recruitment/static/src/css/job_position.css"/>
<link rel="stylesheet" href="/hr_recruitment/static/src/less/hr_recruitment_dashboard.less"/>
<script type="text/javascript" src="/hr_recruitment/static/src/js/job_position.js"></script>
</xpath>
@@ -12,50 +12,49 @@
}
}
&.o_kanban_dashboard.o_kanban_ungrouped {
.o_visible {
width: 100%;
.o_visible {
width: 100%;
/* This is a hack ; without this, a scrollbar appears
* to scroll horizontally because of inline-block and width: 100%,
* but they are both necessary.
*/
overflow: hidden;
}
/* This is a hack but this is the least ugly way to do it:
* We want two blocks (a visible one and an invisible one)
* to be overlap but both height should be equal to the
* height of the biggest block. Solution : put 0 width for
* the invisible on. The 0 padding and margin is mandatory for
* the elements to use the same space in both state (visible
* and invisible).
/* This is a hack ; without this, a scrollbar appears
* to scroll horizontally because of inline-block and width: 100%,
* but they are both necessary.
*/
.o_invisible {
width: 0;
visibility: hidden;
overflow: hidden;
}
/* This is a hack but this is the least ugly way to do it:
* We want two blocks (a visible one and an invisible one)
* to be overlap but both height should be equal to the
* height of the biggest block. Solution : put 0 width for
* the invisible on. The 0 padding and margin is mandatory for
* the elements to use the same space in both state (visible
* and invisible).
*/
.o_invisible {
width: 0;
visibility: hidden;
padding-left: 0px !important;
padding-right: 0px !important;
margin-left: 0px !important;
margin-right: 0px !important;
overflow: hidden;
* {
padding-left: 0px !important;
padding-right: 0px !important;
margin-left: 0px !important;
margin-right: 0px !important;
overflow: hidden;
* {
padding-left: 0px !important;
padding-right: 0px !important;
margin-left: 0px !important;
margin-right: 0px !important;
}
}
.oe_kanban_colorpicker {
.oe_kanban_colorpicker {
li {
height: 0px;
}
li {
height: 0px;
}
}
}
&.o_kanban_dashboard.o_kanban_ungrouped, &.o_kanban_dashboard.o_kanban_grouped {
// If invisible, elem will no take more than its original height
a, span {