mirror of
https://github.com/bringout/oca-ocb-core.git
synced 2026-04-20 23:32:03 +02:00
17.0 vanilla
This commit is contained in:
Ernad Husremovic
parent
2e65bf056a
commit
df627a6bba
328 changed files with 578149 additions and 759311 deletions
|
|
@ -146,10 +146,6 @@
|
|||
padding-right: 0px !important;
|
||||
}
|
||||
|
||||
[class*='oe_span'].oe_right {
|
||||
float: right;
|
||||
}
|
||||
|
||||
.oe_row.oe_flex [class*='oe_span'] {
|
||||
display: inline-block;
|
||||
float: none;
|
||||
|
|
|
|||
|
|
@ -141,9 +141,6 @@ $oe_span2_width: 16.66666667%
|
|||
padding-left: 0px !important
|
||||
padding-right: 0px !important
|
||||
|
||||
[class*='oe_span'].oe_right
|
||||
float: right
|
||||
|
||||
.oe_row.oe_flex
|
||||
[class*='oe_span']
|
||||
display: inline-block
|
||||
|
|
|
|||
|
|
@ -1,35 +1,43 @@
|
|||
|
||||
.oe_module_icon {
|
||||
width: 70px;
|
||||
max-height: 70px;
|
||||
width: 50px;
|
||||
max-height: 50px;
|
||||
max-width: 23%;
|
||||
float: left;
|
||||
}
|
||||
|
||||
.oe_module_flag {
|
||||
position: absolute;
|
||||
left: 12px;
|
||||
top: calc(50% - 35px);
|
||||
font: 27px icon;
|
||||
text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
|
||||
}
|
||||
|
||||
.oe_module_desc {
|
||||
font-size: 13px;
|
||||
padding-left: 10px;
|
||||
width: 77%;
|
||||
}
|
||||
|
||||
.o_kanban_view .o_modules_kanban .oe_module_vignette,
|
||||
.o_kanban_view.o_modules_kanban .o_kanban_renderer .oe_module_vignette,
|
||||
.o_modules_field .o_modules_kanban .oe_module_vignette {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.o_kanban_view .o_modules_kanban .o_kanban_record .o_dropdown_kanban,
|
||||
.o_modules_field .o_modules_kanban .o_kanban_record .o_dropdown_kanban {
|
||||
.o_kanban_view.o_modules_kanban .o_kanban_renderer .o_kanban_record .o_dropdown_kanban,
|
||||
.o_modules_field .o_modules_kanban .o_kanban_renderer .o_kanban_record .o_dropdown_kanban {
|
||||
visibility: visible;
|
||||
opacity: 0.5;
|
||||
}
|
||||
|
||||
.o_kanban_view .o_modules_kanban .o_kanban_record:hover .o_dropdown_kanban,
|
||||
.o_kanban_view .o_modules_kanban .o_kanban_record .o_dropdown_kanban.show {
|
||||
.o_kanban_view.o_modules_kanban .o_kanban_renderer .o_kanban_record:hover .o_dropdown_kanban,
|
||||
.o_kanban_view.o_modules_kanban .o_kanban_renderer .o_kanban_record .o_dropdown_kanban.show {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
.o_modules_field .o_modules_kanban {
|
||||
.o_modules_field .o_modules_kanban .o_kanban_renderer {
|
||||
--KanbanRecord-width: 280px;
|
||||
--KanbanRecord-width-small: 280px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,159 +0,0 @@
|
|||
// = Onboarding Panel
|
||||
// ============================================================================
|
||||
$o-onboarding-step-width: map-get($container-max-widths, 'lg') / 4 !default;
|
||||
|
||||
.o_onboarding_main {
|
||||
background: white center top;
|
||||
background-size: cover;
|
||||
|
||||
.o_onboarding_btn_close {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
// = Color Variations
|
||||
// ------------------------------------------------------------------------
|
||||
@each $key, $values in $o-onboarding-colors {
|
||||
&.o_onboarding_#{$key} {
|
||||
$-bg: map-get($values, 'bg');
|
||||
$-ui: map-get($values, 'ui');
|
||||
|
||||
@include print-variable('o-onboarding-done-color', nth($-ui, 1));
|
||||
@include print-variable('o-onboarding-todo-color', nth($-ui, 2));
|
||||
@include print-variable('o-onboarding-bg_1-color', fade-out(nth($-bg, 1), 0.5));
|
||||
@include print-variable('o-onboarding-bg_2-color', nth($-bg, 2));
|
||||
}
|
||||
}
|
||||
|
||||
.o_onboarding_wrap {
|
||||
overflow-x: auto;
|
||||
background-color: var(--o-onboarding-bg_1-color);
|
||||
background-image: linear-gradient(to bottom, var(--o-onboarding-bg_1-color), var(--o-onboarding-bg_2-color));
|
||||
}
|
||||
|
||||
.o_onboarding_completed_message {
|
||||
box-shadow: 0 -7px 20px -5px rgba(#000, 0.3);
|
||||
animation: o_onboarding_slideInUp $o-onboarding-base-time ease-out;
|
||||
}
|
||||
|
||||
// = Step Design
|
||||
// ------------------------------------------------------------------------
|
||||
.o_onboarding_step {
|
||||
flex: 1 1 0;
|
||||
|
||||
@for $i from 1 through 5 {
|
||||
&.o_onboarding_step__todo:nth-child(#{$i}) {
|
||||
@include print-variable('o-onboarding-animation-delay', $i * .15s);
|
||||
}
|
||||
}
|
||||
|
||||
.o_onboarding_step_content {
|
||||
width: $o-onboarding-step-width;
|
||||
}
|
||||
|
||||
.o_onboarding_step_action {
|
||||
min-width: $o-onboarding-step-width * .5;
|
||||
border: $border-width solid #fff;
|
||||
}
|
||||
|
||||
.o_onboarding_progress {
|
||||
height: $o-onboarding-progress-size;
|
||||
width: calc(100% - #{$o-onboarding-dot-size});
|
||||
background: var(--o-onboarding-todo-color, #{$o-brand-odoo});
|
||||
transform:
|
||||
translateX(-100%)
|
||||
translateY($o-onboarding-dot-size * .5 - $o-onboarding-progress-size * .5);
|
||||
}
|
||||
|
||||
.o_onboarding_dot {
|
||||
width: $o-onboarding-dot-size;
|
||||
height: $o-onboarding-dot-size;
|
||||
padding-top: .5em;
|
||||
background-color: var(--o-onboarding-todo-color, $o-brand-odoo);
|
||||
color: transparent;
|
||||
transition: all $o-onboarding-base-time ease;
|
||||
transform: scale3d(.5, .5, .5);
|
||||
}
|
||||
|
||||
&:first-of-type .o_onboarding_progress {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.o_onboarding_step_title,
|
||||
.o_onboarding_step_action,
|
||||
.o_onboarding_step_action__done,
|
||||
.o_onboarding_dot_isChecked {
|
||||
color: #fff;
|
||||
}
|
||||
|
||||
// = "To do" Step Design
|
||||
// --------------------------------------------------------------------
|
||||
&[data-step-state="not_done"] {
|
||||
.o_onboarding_step_content_info {
|
||||
animation: o_onboarding_zoomIn ($o-onboarding-base-time * 1.5) both;
|
||||
animation-delay: var(--o-onboarding-animation-delay, 0);
|
||||
}
|
||||
|
||||
.o_onboarding_step_action {
|
||||
animation: o_onboarding_slideInUp ($o-onboarding-base-time * 2) both;
|
||||
animation-delay: var(--o-onboarding-animation-delay, 0);
|
||||
}
|
||||
}
|
||||
|
||||
// = "Done" Step Design
|
||||
// --------------------------------------------------------------------
|
||||
&:not([data-step-state="not_done"]) {
|
||||
.o_onboarding_dot, + .o_onboarding_step:not([data-step-state="not_done"]) .o_onboarding_progress {
|
||||
background: var(--o-onboarding-done-color, #{$o-brand-primary});
|
||||
}
|
||||
|
||||
.o_onboarding_dot {
|
||||
transform: scale3d(1, 1, 1);
|
||||
}
|
||||
}
|
||||
|
||||
// = "Just Done" Step Design
|
||||
// --------------------------------------------------------------------
|
||||
&[data-step-state="just_done"] {
|
||||
.o_onboarding_step_content_info {
|
||||
animation: o_onboarding_fadeIn ($o-onboarding-base-time * 3);
|
||||
}
|
||||
|
||||
.o_onboarding_step_action__done {
|
||||
animation: bounceIn ($o-onboarding-base-time * 2);
|
||||
}
|
||||
|
||||
.o_onboarding_confetti {
|
||||
animation: o_onboarding_fadeInOut ($o-onboarding-base-time * 3) ease 0s 1 forwards;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// = Animations
|
||||
// ------------------------------------------------------------------------
|
||||
@keyframes o_onboarding_slideInUp {
|
||||
from {
|
||||
transform: translate3d(0, 20%, 0);
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes o_onboarding_zoomIn {
|
||||
from {
|
||||
transform: scale3d(0.8, 0.8, 0.8);
|
||||
opacity: 0;
|
||||
}
|
||||
50% {
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes o_onboarding_fadeIn {
|
||||
10%, 66% { opacity: 0; }
|
||||
0%, 100% { opacity: 1; }
|
||||
}
|
||||
|
||||
@keyframes o_onboarding_fadeInOut {
|
||||
10%, 66% { opacity: 1; }
|
||||
0%, 100% { opacity: 0; }
|
||||
}
|
||||
}
|
||||
|
|
@ -1,18 +0,0 @@
|
|||
// = Onboarding Colors
|
||||
// ============================================================================
|
||||
// No CSS hacks, variables overrides only
|
||||
|
||||
$o-onboarding-colors: (
|
||||
'blue': (
|
||||
'bg': (#215e72, #1c3d4e),
|
||||
'ui': (#db851e, #c0ad73),
|
||||
),
|
||||
'orange': (
|
||||
'bg': (#5c4436, #784536),
|
||||
'ui': ($o-brand-primary, #68B3C9),
|
||||
),
|
||||
'violet': (
|
||||
'bg': (#424a7d, #333e6a),
|
||||
'ui': (#db851e, #c0ad73),
|
||||
),
|
||||
) !default;
|
||||
|
|
@ -1,18 +0,0 @@
|
|||
$o-onboarding-base-time: 0.5s !default;
|
||||
$o-onboarding-dot-size: 20px !default;
|
||||
$o-onboarding-progress-size: 2px !default;
|
||||
|
||||
$o-onboarding-colors: (
|
||||
'blue': (
|
||||
'bg': (#60ABC3, #4187AE),
|
||||
'ui': (#fcb157, #FBEEC8),
|
||||
),
|
||||
'orange': (
|
||||
'bg': (#DA9D77, #B9684F),
|
||||
'ui': (#0774f4, #68B3C9),
|
||||
),
|
||||
'violet': (
|
||||
'bg': (#6070C3, #475DA4),
|
||||
'ui': (#F39D9B, #FBEEC8),
|
||||
),
|
||||
) !default;
|
||||
|
|
@ -1,26 +1,4 @@
|
|||
.o_kanban_view .o_res_partner_kanban {
|
||||
|
||||
.ribbon {
|
||||
&::before, &::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
span {
|
||||
padding: 5px;
|
||||
font-size: x-small;
|
||||
z-index: unset;
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
.ribbon-top-right {
|
||||
margin-top: -$o-kanban-dashboard-vpadding;
|
||||
|
||||
span {
|
||||
top: 15px;
|
||||
left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
.oe_kanban_action_a:hover > .badge {
|
||||
background-color: $o-brand-primary;
|
||||
color: white;
|
||||
|
|
@ -36,3 +14,9 @@
|
|||
--gutter-x: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// This is an ugly workaround to prevent having ugly borders in the Password confirmation dialog
|
||||
// TODO: remove me in master
|
||||
.modal .o_form_view .o_form_sheet_bg.bg-primary {
|
||||
--background-color: #{$o-view-background-color};
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue