1096 lines
27 KiB
SCSS
1096 lines
27 KiB
SCSS
//Variables
|
|
|
|
$one__font: "Odoo Unicode Support Noto", "Lucida Grande", Helvetica, Verdana, Arial, sans-serif;
|
|
|
|
//Colors
|
|
$one__light: #FFF !default;
|
|
$one__primary: #00005A !default;
|
|
$one__sidebar-color-hover: #274aa5 !important;
|
|
$one__sidebar-border: #00005A !important;
|
|
$one__sidebar-color: #00005A !important;
|
|
$one__sidebar_text: #fff !default;
|
|
$one__primary-light: #ebf0fd !default;
|
|
$one__primary-dark: #274aa5 !important;
|
|
$one__light-font-primary: #1f2631 !important;
|
|
$one__light-font-secondary: #575757 !important;
|
|
$one__hover-bkg-light: #f5f5f5 !important;
|
|
$one__border-light: #d4d4d4 !important;
|
|
$one__info: #454555 !important;
|
|
|
|
//Border Style
|
|
$one__border: 0px;
|
|
$one__button-padding: auto;
|
|
//Misc
|
|
$transition-normal: all 0.4s linear !default;
|
|
$transition-fast: all 0.2s linear !default;
|
|
//Paths
|
|
$dots_menu_toggled: url('/vista_backend_theme/static/src/img/icons/dots-menu-primary.png');
|
|
|
|
|
|
//Misc
|
|
$transition-normal: all 0.4s linear !default;
|
|
|
|
//Animations
|
|
@mixin c_fadeBackgroundOut($name, $s_opacity, $e_opacity, $r, $g, $b){
|
|
@keyframes #{$name}{
|
|
0%{
|
|
background-color: rgba($r, $g, $b, $s_opacity);
|
|
}
|
|
|
|
100%{
|
|
background-color: rgba($r, $g, $b, $e_opacity);
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
|
|
body{
|
|
background-color: $one__light !important;
|
|
font-family: $one__font;
|
|
}
|
|
//NAVBAR
|
|
.o_main_navbar {
|
|
-webkit-box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important;
|
|
box-shadow: 0 0.75rem 1.5rem rgba(18,38,63,.03) !important;
|
|
background-color: $one__light;
|
|
border-bottom: none;
|
|
-moz-box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.5) 0px 6px 6px;
|
|
-webkit-box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.5) 0px 6px 6px;
|
|
box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.5) 0px 6px 6px;
|
|
color: $one__light-font-primary;
|
|
//height: 60px !important;
|
|
}
|
|
@media (min-width: 768px) {
|
|
.o_menu_systray .o-dropdown.dropdown > .o-dropdown--menu {
|
|
top: 46px !important;
|
|
left: 85% !important;
|
|
right: 20px !important;
|
|
}
|
|
}
|
|
|
|
.top_heading a.o_menu_brand{
|
|
font-weight: bolder !important;
|
|
}
|
|
|
|
.o_menu_systray > li{
|
|
font-size: 1.5rem !important;
|
|
}
|
|
|
|
.o_menu_systray > *{
|
|
margin-right: 15px;
|
|
&:last-child{
|
|
margin-right: 0px;
|
|
}
|
|
@media (max-width: 767.98px) {
|
|
margin-right: 0px !important;
|
|
&:last-child{
|
|
margin-right: 0px;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media (max-width: 767.98px) {
|
|
.o_user_menu .o_user_avatar {
|
|
margin-right: 0px !important;
|
|
}
|
|
}
|
|
|
|
li.o_MessagingMenu.o-is-open {
|
|
background-color: $one__hover-bkg-light;
|
|
border-bottom: none !important;
|
|
}
|
|
.o_mail_systray_item .o_notification_counter{
|
|
background-color: $one__primary !important;
|
|
color: $one__light !important;
|
|
}
|
|
.o_MessagingMenu_counter {
|
|
margin-left: -12px !important;
|
|
}
|
|
.o_notification_counter{
|
|
margin-left: -18px !important;
|
|
}
|
|
.o_NotificationGroup_date{
|
|
color: $one__primary !important
|
|
}
|
|
.o_menu_sections > li > a, .o_main_navbar > li > label{
|
|
color: $one__light-font-primary;
|
|
display: block !important;
|
|
&:hover{
|
|
background-color: $one__hover-bkg-light;
|
|
//border-bottom: 1px solid $one__border-light;
|
|
}
|
|
}
|
|
.o_switch_company_menu > a{
|
|
color: $one__light-font-primary;
|
|
font-size: 1.8rem !important
|
|
}
|
|
.oe_topbar_name{
|
|
color: $one__light-font-primary;
|
|
|
|
@media (max-width: 576px) {
|
|
display: none;
|
|
}
|
|
}
|
|
.o_main_navbar > a:hover, .o_main_navbar > a:focus, .o_main_navbar > button:hover, .o_main_navbar > button:focus {
|
|
background-color: $one__hover-bkg-light;
|
|
//border-bottom: 1px solid $one__border-light;
|
|
}
|
|
|
|
.o_MessagingMenu, .o_mail_systray_item{
|
|
a{
|
|
color: $one__light-font-primary;
|
|
}
|
|
}
|
|
.o_MessagingMenu_counter, .o_notification_counter {
|
|
background-color: $one__primary;
|
|
color: $one__light;
|
|
}
|
|
.o_main_navbar .show .dropdowdropdown-toggle, .o_main_navbar .show .dropdown-toggle {
|
|
background-color: $one__hover-bkg-light;
|
|
//border-bottom: 1px solid $one__border-light;
|
|
}
|
|
.o_main_navbar .o_user_menu .oe_topbar_avatar {
|
|
height: 32px !important;
|
|
width: 32px !important;
|
|
}
|
|
.oe_topbar_name{
|
|
color: $one__light-font-primary !important;
|
|
}
|
|
.o_dashboards .o_website_dashboard div.o_box h2, .o_dashboards .o_website_dashboard div.o_box h4 {
|
|
color: $one__primary !important;
|
|
}
|
|
.o_control_panel {
|
|
padding: 2.5rem 1rem !important;
|
|
//margin-bottom: 1.5rem !important;
|
|
border-bottom: 0.5px solid $one__border-light;
|
|
width: 98%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
.o_form_view .oe_button_box .oe_stat_button .o_button_icon {
|
|
color: $one__primary;
|
|
}
|
|
.o_control_panel .breadcrumb{
|
|
background-color: none !important;
|
|
padding: auto !important
|
|
}
|
|
.o_control_panel .breadcrumb > li, .breadcrumb-item > a{
|
|
font-size: 2rem !important;
|
|
color: $one__light-font-secondary;
|
|
max-width: 100% !important;
|
|
}
|
|
.o_control_panel > div{
|
|
display: flex;
|
|
justify-content: space-between;
|
|
}
|
|
|
|
.breadcrumb-item.active{
|
|
$color: $one__light-font-primary;
|
|
}
|
|
.o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button.btn-primary.disabled::after,
|
|
.o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button.btn-primary.disabled::before {
|
|
border-left-color: $one__primary !important;
|
|
}
|
|
.o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button.btn-primary.disabled::after,
|
|
.o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button:not(:first-child)::before {
|
|
border-left-color: none !important;
|
|
}
|
|
.o_statusbar_status > .o_arrow_button.btn-secondary{
|
|
background-color: $one__light !important;
|
|
}
|
|
.o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button.disabled {
|
|
border-left: none !important;
|
|
}
|
|
// .o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button:not(:first-child)::before,
|
|
// .o_form_view .o_form_statusbar > .o_statusbar_status > .o_arrow_button:not(:first-child)::after {
|
|
// background-color: $one__light !important;
|
|
// }
|
|
|
|
|
|
|
|
.o_content{
|
|
width: 98%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
.top_heading{
|
|
display: flex;
|
|
align-items: center;
|
|
ul.o_menu_apps{
|
|
list-style: none;
|
|
margin: 0 0.8rem 0 0;
|
|
padding: 0px;
|
|
}
|
|
li.dropdown{
|
|
list-style: none;
|
|
}
|
|
a.o_menu_brand{
|
|
color: $one__light-font-primary;
|
|
font-size: 1.5rem !important;
|
|
}
|
|
}
|
|
.o_menu_sections, .o_menu_systray{
|
|
display: flex;
|
|
align-items: center;
|
|
list-style: none !important;
|
|
//height: 60px !important;
|
|
|
|
li{
|
|
margin-right: 1rem;
|
|
|
|
&:last-child{
|
|
margin-right: 0 !important;
|
|
}
|
|
}
|
|
.o-dropdown.dropdown > .o-dropdown--menu{
|
|
border-color: transparent;
|
|
}
|
|
}
|
|
.o_main_navbar .dropdown .dropdown-toggle,
|
|
.o_main_navbar .o_menu_sections .dropdown .dropdown-toggle,
|
|
.o_nav_entry
|
|
{
|
|
color: $one__light-font-primary;
|
|
}
|
|
.o_menu_systray, .o_menu_sections{
|
|
li{
|
|
position: relative !important;
|
|
a.o_MessagingMenu_toggler, a.dropdown-toggle{
|
|
display: flex !important;
|
|
align-items: center !important;
|
|
height: 60px !important;
|
|
padding: 0px 7.5px;
|
|
|
|
img{
|
|
margin-right: 0.8rem;
|
|
transform: none !important;
|
|
}
|
|
}
|
|
}
|
|
}
|
|
.o_main_navbar .dropdown-menu.show {
|
|
min-width: auto !important;
|
|
}
|
|
.o_form_view .o_form_uri > span:first-child {
|
|
color: $one__primary;
|
|
}
|
|
.o_onboarding_container{
|
|
margin-top: -1.575rem !important;
|
|
}
|
|
.o_loading_indicator.o_loading > span {
|
|
background: $one__primary !important;
|
|
}
|
|
.o_menu_systray > li > a > span.fa{
|
|
color: $one__light-font-primary;
|
|
font-size: 1.9rem !important;
|
|
margin: auto 11px !important;
|
|
}
|
|
|
|
//`Custom`
|
|
.c_navbar_container{
|
|
display: flex;
|
|
justify-content: center;
|
|
width: 100%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
padding: 0 1rem 0 0 !important;
|
|
}
|
|
|
|
.c_sidebar_active{
|
|
height: 46px;
|
|
width: 60px;
|
|
display: flex !important;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background-color: $one__primary;
|
|
color: $one__light !important;
|
|
margin-right: 1.5rem !important;
|
|
clip-path: polygon(0 0, 100% 0%, 86% 100%, 0% 100%);
|
|
|
|
&:hover{
|
|
background-color: $one__primary-dark;
|
|
transition: $transition-normal;
|
|
}
|
|
}
|
|
|
|
.c_sidebar_passive{
|
|
height: 46px;
|
|
width: 60px;
|
|
display: flex !important;
|
|
justify-content: center;
|
|
align-items: center;
|
|
background-color: $one__light;
|
|
color: $one__primary !important;
|
|
clip-path: polygon(0 0, 100% 0%, 86% 100%, 0% 100%);
|
|
}
|
|
|
|
//END OF NAVBAR
|
|
.dropdown-menu{
|
|
border-radius: 0px;
|
|
a, .dropdown-item{
|
|
color: $one__light-font-primary;
|
|
&:hover{
|
|
color: $one__primary !important;
|
|
background-color: $one__primary-light;
|
|
transition: $transition-normal;
|
|
}
|
|
}
|
|
}
|
|
//Buttons
|
|
|
|
.btn{
|
|
border-radius: 0px;
|
|
|
|
&:hover{
|
|
filter: brightness(90%) !important;
|
|
box-shadow: none;
|
|
transition: $transition-normal;
|
|
}
|
|
|
|
}
|
|
|
|
.btn-primary{
|
|
background-color: $one__primary !important;
|
|
border-color: $one__primary !important;
|
|
color: $one__light !important;
|
|
|
|
&:hover{
|
|
background-color: $one__primary-dark !important;
|
|
}
|
|
|
|
&:focus{
|
|
box-shadow: 0 0 0 0.2rem rgba(235,240,253, 0.8);
|
|
}
|
|
}
|
|
.btn-secondary{
|
|
background-color: $one__hover-bkg-light;
|
|
border-color: $one__hover-bkg-light;
|
|
color: $one__light-font-primary;
|
|
&:focus{
|
|
box-shadow: 0 0 0 0.2rem rgba(245,245,245, 1);
|
|
}
|
|
|
|
|
|
}
|
|
.btn-fill-info, .btn-info {
|
|
background-color: $one__info;
|
|
border-color: $one__info;
|
|
color: $one__light;
|
|
}
|
|
.btn-group, .o_filter_menu{
|
|
button, div.btn-group{
|
|
margin-right: 3px;
|
|
&:last-child{
|
|
margin-right: 0px !important;
|
|
}
|
|
}
|
|
}
|
|
.btn-link{
|
|
color: $one__primary !important;
|
|
|
|
&:hover{
|
|
background-color: $one__hover-bkg-light !important;
|
|
}
|
|
}
|
|
|
|
.o_control_panel .o_cp_bottom_left > .o_cp_action_menus .o_dropdown_toggler_btn,
|
|
.o_control_panel .o_cp_bottom_left > .o_cp_action_menus .dropdown-toggle
|
|
{
|
|
margin-right: 0px !important;
|
|
}
|
|
.o_activity_view .o_record_selector, .o_stat_value {
|
|
color: $one__primary !important;
|
|
}
|
|
|
|
.o_web_settings_invite{
|
|
height: 26px !important;
|
|
margin-top: 6px !important;
|
|
}
|
|
|
|
.o_NotificationList{
|
|
div:hover {
|
|
background-color: $one__primary-light;
|
|
}
|
|
}
|
|
.o_MessagingMenu_tabButton, .o_MessagingMenu_newMessageButton{
|
|
color: $one__primary;
|
|
opacity: 0.8;
|
|
.o-active{
|
|
opacity: 1;
|
|
font-weight: bold;
|
|
}
|
|
}
|
|
.o_ThreadPreview_date, .o_activity_filter_button, .o_mail_activity_action{
|
|
color: $one__primary !important;
|
|
|
|
&:before{
|
|
color: $one__light-font-primary;
|
|
}
|
|
&:hover{
|
|
color: $one__primary-dark !important;
|
|
}
|
|
}
|
|
//Controls
|
|
.custom-control.custom-checkbox .custom-control-input:not(:checked):not(:indeterminate) ~ .custom-control-label::before {
|
|
background: none;
|
|
outline: 1px solid $one__hover-bkg-light;
|
|
}
|
|
.custom-checkbox .custom-control-label::before {
|
|
border-radius: 0px;
|
|
}
|
|
.custom-control-input:checked ~ .custom-control-label::before {
|
|
color: $one__light;
|
|
border-color: $one__primary;
|
|
background-color: $one__primary;
|
|
}
|
|
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::after {
|
|
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%23FFFFFF' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
|
|
}
|
|
|
|
.o_input{
|
|
border-radius: 0px !important;
|
|
border-color: $one__border-light;
|
|
}
|
|
.o_required_modifier.o_input, .o_required_modifier .o_input, .o_searchview .o_searchview_autocomplete li.o_selection_focus {
|
|
background-color: $one__primary-light !important;
|
|
}
|
|
.ui-menu-item > a{
|
|
background-color: $one__light !important;
|
|
color: $one__primary !important;
|
|
&:hover, &:active, &:focus, &:focus-within, &:focus-visible, &:visited{
|
|
color: $one__primary !important;
|
|
background-color: $one__primary-light !important;
|
|
}
|
|
}
|
|
.nav-tabs .nav-link {
|
|
border-radius: 0px !important;
|
|
border-top: 3px solid transparent !important;
|
|
}
|
|
.nav-tabs .nav-link.active {
|
|
border-top: 3px solid $one__primary !important;
|
|
}
|
|
.nav-tabs .nav-link:hover{
|
|
border-top: 3px solid $one__primary !important;
|
|
color: $one__primary-dark;
|
|
transition: transition-normal !important;
|
|
}
|
|
.o_form_view .o_horizontal_separator {
|
|
color: $one__primary;
|
|
}
|
|
.panel-heading.note-toolbar {
|
|
background-color: $one__light !important;
|
|
}
|
|
div.o_boolean_toggle.custom-control.custom-checkbox > input.custom-control-input:checked + label.custom-control-label::before {
|
|
background-color: $one__primary !important;
|
|
}
|
|
//Misc.
|
|
.badge-primary{
|
|
background-color: $one__primary;
|
|
border-radius: 0px;
|
|
padding: 5px;
|
|
}
|
|
//Links
|
|
a {
|
|
color: $one__primary;
|
|
text-decoration: none;
|
|
background-color: transparent;
|
|
|
|
&hover{
|
|
color: $one__primary-dark;
|
|
text-decoration: none;
|
|
transition: $transition-normal;
|
|
}
|
|
}
|
|
a.o_menu_brand{
|
|
color: $one__light-font-primary;
|
|
font-weight: bold;
|
|
}
|
|
.o_form_uri{
|
|
color: $one__primary !important;
|
|
}
|
|
.o_Message_prettyBody > div > p > a {
|
|
background-color: $one__primary !important;
|
|
}
|
|
|
|
.o_onboarding_step_title > a {
|
|
color: $one__light;
|
|
}
|
|
.oe_kanban_action_a{
|
|
color: $one__light-font-primary;
|
|
}
|
|
.o_kanban_view .oe_kanban_card.oe_kanban_global_click:focus,
|
|
.o_kanban_view .oe_kanban_card.oe_kanban_global_click:focus-within,
|
|
.o_kanban_view .oe_kanban_card.oe_kanban_global_click_edit:focus,
|
|
.o_kanban_view .oe_kanban_card.oe_kanban_global_click_edit:focus-within,
|
|
.o_kanban_view .o_kanban_record.oe_kanban_global_click:focus,
|
|
.o_kanban_view .o_kanban_record.oe_kanban_global_click:focus-within,
|
|
.o_kanban_view .o_kanban_record.oe_kanban_global_click_edit:focus,
|
|
.o_kanban_view .o_kanban_record.oe_kanban_global_click_edit:focus-within{
|
|
outline: thin solid $one__primary-light !important;
|
|
}
|
|
//Tables
|
|
.o_list_view thead {
|
|
background-color: $one__hover-bkg-light;
|
|
}
|
|
|
|
.o_list_view .o_list_table thead {
|
|
color: $one__light-font-secondary;
|
|
border-bottom: 1px solid $one__border-light;
|
|
}
|
|
.o_list_view .o_list_table thead > tr > th:not(.o_list_record_selector) {
|
|
border-left: none;
|
|
}
|
|
table thead th {
|
|
vertical-align: bottom;
|
|
border-top: none !important;
|
|
border-bottom: none !important;
|
|
padding: 0.5rem !important;
|
|
}
|
|
table-sm th, .table-sm td {
|
|
padding: 0.5rem !important;
|
|
border-top: none !important;
|
|
}
|
|
tr:nth-child(even){
|
|
background-color: $one__hover-bkg-light;
|
|
}
|
|
.o_list_view .o_list_table tfoot {
|
|
background-color: $one__light;
|
|
filter: brightness(95.5%) !important;
|
|
}
|
|
|
|
//Search
|
|
.o_searchview .o_searchview_facet, .o_setting_search {
|
|
background: $one__light;
|
|
border-radius: 0px !important;
|
|
border: 1px solid $one__border-light;
|
|
color: $one__light-font-secondary;
|
|
}
|
|
.o_searchview .o_searchview_facet .o_searchview_facet_label {
|
|
background-color: $one__light;
|
|
}
|
|
.o_searchview .o_searchview_input_container .o_searchview_facet .o_searchview_facet_label {
|
|
color: $one__light-font-secondary;
|
|
margin: 0px -3px 3px 3px;
|
|
}
|
|
.o_searchview .o_searchview_input_container .o_searchview_facet .o_facet_remove{
|
|
bottom: 3px !important;
|
|
}
|
|
.o_searchview .o_searchview_input_container .o_searchview_facet .o_facet_values {
|
|
padding: 2px 18px 0 5px !important;
|
|
}
|
|
.o_searchview{
|
|
padding: 0.5rem !important;
|
|
border-radius: 0px;
|
|
}
|
|
.searchInput{
|
|
border: none !important;
|
|
}
|
|
.searchIcon{
|
|
margin: 5px 10px 0 0;
|
|
}
|
|
.o_setting_search {
|
|
padding: 5px;
|
|
}
|
|
|
|
//Kanban
|
|
.oe_kanban_card{
|
|
border-color: $one__border-light;
|
|
padding: 1rem !important;
|
|
}
|
|
|
|
//Calendar
|
|
@include c_fadeBackgroundOut('fadeCalendarRow', 1, 0.6, 212, 212, 212 );
|
|
|
|
.o_calendar_sidebar_container .ui-datepicker td.ui-datepicker-current-day.ui-datepicker-today a,
|
|
.o_calendar_sidebar_container .ui-datepicker td.ui-datepicker-current-day a,
|
|
.o_calendar_view .o_calendar_widget .fc-dayGridMonth-view .fc-content-skeleton .fc-today .fc-day-number
|
|
{
|
|
color: $one__light !important;
|
|
background-color: $one__primary !important;
|
|
}
|
|
|
|
.o_calendar_sidebar_container .ui-datepicker td a{
|
|
color: $one__light-font-secondary;
|
|
}
|
|
.o_calendar_sidebar_container .ui-datepicker td.ui-datepicker-today a{
|
|
background-color: $one__border-light;
|
|
}
|
|
|
|
.o_calendar_sidebar_container .ui-datepicker .o_selected_range.o_color:not(.ui-datepicker-unselectable) {
|
|
animation: fadeCalendarRow 2s forwards;
|
|
}
|
|
|
|
.fc-now-indicator {
|
|
border-color: $one__primary !important;
|
|
}
|
|
.fc-ltr .fc-time-grid .fc-now-indicator-arrow {
|
|
left: 0;
|
|
border-width: 5px 0 5px 6px;
|
|
border-top-color: transparent !important;
|
|
border-bottom-color: transparent !important;
|
|
}
|
|
|
|
.o_calendar_view .fc-view .fc-event.o_calendar_color_1.o_cw_custom_highlight {
|
|
box-shadow: 0 12px 12px -5px rgba(156, 181, 245, 0.8);
|
|
color: $one__primary;
|
|
font-weight: bold;
|
|
}
|
|
.o_calendar_view .fc-view .fc-event.o_calendar_color_1 .fc-bg {
|
|
background-color: $one__primary-light;
|
|
}
|
|
.o_calendar_view .fc-view .fc-event.o_calendar_color_1 {
|
|
border-color: $one__primary;
|
|
color: #274aa5;
|
|
opacity: 0.8;
|
|
|
|
&:hover{
|
|
background: $one__primary-light;
|
|
box-shadow: 0 12px 12px -5px rgba(156, 181, 245, 0.8);
|
|
}
|
|
}
|
|
|
|
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {
|
|
background-color: $one__primary !important;
|
|
}
|
|
|
|
//Dashboard Sidebar
|
|
.o_Discuss, .o_setting_container{
|
|
width: 98%;
|
|
margin-right: auto;
|
|
margin-left: auto;
|
|
border-top: none;
|
|
}
|
|
.o_widget_Discuss .o_Discuss_content {
|
|
border-top: none !important;
|
|
}
|
|
.o_DiscussSidebar, .settings_tab{
|
|
color: $one__light-font-primary;
|
|
background-color: transparent !important;
|
|
border-right: 2px solid $one__border-light;
|
|
height: 95%;
|
|
margin-top: auto;
|
|
margin-bottom: auto;
|
|
}
|
|
.o_DiscussSidebarItem{
|
|
padding: 0.4rem 0 !important;
|
|
}
|
|
.o_DiscussSidebarItem_activeIndicator.o-item-active{
|
|
width: 0;
|
|
height: 0;
|
|
background: transparent;
|
|
margin-top: 0.375rem;
|
|
margin-right: 8px !important;
|
|
border-top: 5px solid transparent;
|
|
border-bottom: 5px solid transparent;
|
|
border-left: 5px solid $one__primary;
|
|
}
|
|
.o_DiscussSidebarItem:hover{
|
|
background-color: transparent !important;
|
|
color: $one__primary;
|
|
}
|
|
.o_DiscussSidebar_separator{
|
|
width: 95% !important;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
background-color: transparent !important;
|
|
}
|
|
.o_MessageList{
|
|
padding: 10px !important;
|
|
}
|
|
|
|
.o_Message.o-not-discussion{
|
|
background-color: $one__hover-bkg-light;
|
|
border-color: $one__border-light;
|
|
}
|
|
|
|
//Settings
|
|
|
|
.o_setting_container .settings_tab {
|
|
.app_name{
|
|
color: $one__light-font-primary !important;
|
|
}
|
|
}
|
|
|
|
.o_base_settings .o_control_panel .o_panel .o_setting_search .searchInput {
|
|
max-width: none !important;
|
|
margin: 4px 0 0 10px !important;
|
|
}
|
|
|
|
.o_setting_container .settings_tab .tab{
|
|
height: 30px !important;
|
|
}
|
|
|
|
.o_setting_container .settings{
|
|
padding: 10px !important;
|
|
}
|
|
.o_setting_container .settings_tab .app_name {
|
|
color: $one__light-font-primary;
|
|
|
|
&:hover{
|
|
color :$one__primary !important;
|
|
}
|
|
}
|
|
.o_setting_container .settings_tab .selected{
|
|
background: transparent !important;
|
|
box-shadow: none !important;
|
|
position: relative;
|
|
|
|
&:before{
|
|
content: "";
|
|
position: absolute;
|
|
width: 0;
|
|
height: 0;
|
|
top: 24%;
|
|
left: 0;
|
|
background: transparent;
|
|
margin-top: 0.375rem;
|
|
border-top: 5px solid transparent;
|
|
border-bottom: 5px solid transparent;
|
|
border-left: 5px solid $one__primary;
|
|
}
|
|
|
|
.app_name{
|
|
color: $one__light-font-primary;
|
|
|
|
&:hover{
|
|
color :$one__primary !important;
|
|
}
|
|
}
|
|
}
|
|
|
|
.o_form_image_controls > .o_select_file_button{
|
|
background: $one__primary !important;
|
|
color: $one__light;
|
|
}
|
|
|
|
.o_search_panel .o_search_panel_category .o_search_panel_section_icon {
|
|
color: $one__primary;
|
|
}
|
|
.o_search_panel .list-group-item header.active {
|
|
background-color: $one__primary-light;
|
|
color: $one__primary;
|
|
}
|
|
|
|
//Chat
|
|
.o_ChatWindowHeader{
|
|
background-color: $one__primary !important;
|
|
color: $one__light !important;
|
|
border-radius: 0px !important;
|
|
}
|
|
//Tables
|
|
.o_purchase_dashboard .table > thead > tr > td.o_main, .o_purchase_dashboard .table tbody > tr > td.o_main {
|
|
background-color: $one__primary;
|
|
|
|
&:hover{
|
|
background-color: $one__primary-dark;
|
|
}
|
|
|
|
a{
|
|
color: $one__light;
|
|
}
|
|
}
|
|
|
|
//Tags
|
|
.o_field_widget.o_field_many2manytags .o_tag_color_5,
|
|
.o_kanban_view .o_kanban_record .o_field_many2manytags .o_tag.o_tag_color_5 span,
|
|
.o_kanban_view .o_kanban_record .o_kanban_tags .o_tag.o_tag_color_5 span {
|
|
background-color: $one__primary;
|
|
}
|
|
|
|
.badge-pill{
|
|
a{
|
|
color: $one__light;
|
|
}
|
|
}
|
|
|
|
|
|
.oe_kanban_card .o_kanban_tags .o_tag, .o_kanban_view .o_kanban_record .o_field_many2manytags .o_tag, .o_kanban_view .o_kanban_record .o_kanban_tags .o_tag {
|
|
background-color: transparent !important;
|
|
}
|
|
|
|
.o-menu-toggle{
|
|
display: none !important;
|
|
}
|
|
.c_dots_menu{
|
|
background-image: url('/vista_backend_theme/static/src/img/icons/dots-menu.png');
|
|
width: 18px;
|
|
height: 18px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
}
|
|
.c_dots_menu_toggled{
|
|
background-image: $dots_menu_toggled;
|
|
width: 18px;
|
|
height: 18px;
|
|
background-repeat: no-repeat;
|
|
background-size: contain;
|
|
}
|
|
|
|
//Responsive Layout
|
|
@media (max-width: 767.98px) {
|
|
//Settings
|
|
.o_base_settings .o_setting_container {
|
|
flex-flow: column nowrap;
|
|
|
|
.settings_tab{
|
|
flex-direction: row;
|
|
height: 40px;
|
|
margin-top: -5px;
|
|
justify-content: center;
|
|
}
|
|
}
|
|
//App Bar
|
|
.o_control_panel > div {
|
|
flex-direction: column;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
.o_control_panel .breadcrumb > li, .breadcrumb-item > a {
|
|
font-size: 1.8rem !important;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
.o_control_panel .o_cp_top_right {
|
|
width: 100%;
|
|
margin-bottom: 0.5rem;
|
|
}
|
|
.o_search_panel .o_search_panel_section_header {
|
|
display: none;
|
|
}
|
|
.o_search_panel {
|
|
flex: 0 0 120px !important;
|
|
padding: 8px 8px 32px 0px !important;
|
|
}
|
|
//Discuss
|
|
.o_Discuss.o-mobile{
|
|
width: 100% !important;
|
|
border-top: 1px solid $one__border-light;
|
|
}
|
|
.o_MobileMessagingNavbar_tab.o-active > span{
|
|
color: $one__primary !important;
|
|
}
|
|
}
|
|
|
|
#sidebar_panel {
|
|
height: 100%;
|
|
position: fixed;
|
|
top: 0px;
|
|
background-color: $one__sidebar-color;
|
|
border-right: 1px solid $one__sidebar_border;
|
|
display: none;
|
|
width: 80px;
|
|
overflow-y: scroll;
|
|
-ms-overflow-style: none; /* Hide scrollbar for IE and Edge */
|
|
scrollbar-width: none; /* Hide scrollbar for Firefox */
|
|
z-index: 999;
|
|
}
|
|
.sidebar_app_name{
|
|
display: none;
|
|
}
|
|
#sidebar_panel::-webkit-scrollbar {
|
|
display: none; /* Hide scrollbar for Chrome, Safari and Opera */
|
|
}
|
|
.sidebar_menu{
|
|
margin-top: 20px !important;
|
|
}
|
|
.sidebar > h6{
|
|
color: $one__light;
|
|
font-weight: bold;
|
|
text-transform: uppercase;
|
|
letter-spacing: 2px;
|
|
font-size: 0.9rem;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
width: 38px;
|
|
display: block;
|
|
margin-top: 18px !important;
|
|
}
|
|
.sidebar_panel .sidebar {
|
|
padding: 0;
|
|
white-space: nowrap;
|
|
padding-bottom: 20px;
|
|
padding-top: 5px;
|
|
}
|
|
.sidebar_panel .sidebar_close {
|
|
text-align: end;
|
|
display: none;
|
|
position: sticky;
|
|
height: 35px;
|
|
padding-top: 5px;
|
|
top: 0;
|
|
background: #2a3042;
|
|
z-index: 1;
|
|
}
|
|
.sidebar_panel .sidebar_close a#closeSidebar {
|
|
font-size: 18px;
|
|
margin-right: 10px;
|
|
color: #ffffff;
|
|
opacity: .3;
|
|
}
|
|
.sidebar_panel .sidebar_close a#closeSidebar img {
|
|
width: 15px;
|
|
}
|
|
.sidebar_panel .sidebar .sidebar_logo {
|
|
padding-top: 20px;
|
|
text-align: center;
|
|
padding-bottom: 20px;
|
|
}
|
|
.sidebar_panel .sidebar .sidebar_logo img {
|
|
max-width: 150px;
|
|
}
|
|
|
|
.sidebar_panel .sidebar .sidebar_head {
|
|
padding-top: 20px;
|
|
padding-left: none;
|
|
color: $one__light;
|
|
}
|
|
|
|
.sidebar_panel .sidebar .sidebar_menu {
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
.sidebar_panel .sidebar .sidebar_menu li {
|
|
margin: 0;
|
|
padding: 0;
|
|
border: 0px;
|
|
display: block;
|
|
}
|
|
|
|
.sidebar_panel .sidebar .sidebar_menu li a {
|
|
margin: 0;
|
|
border: 0px;
|
|
display: block;
|
|
cursor: pointer;
|
|
overflow: hidden;
|
|
padding: 8px 10px 8px 25px;
|
|
color: #ffffff;
|
|
font-size: 13px;
|
|
transition:.3s all;
|
|
}
|
|
.sidebar_panel .sidebar .sidebar_menu li:hover a {
|
|
background: $one__sidebar-color-hover;
|
|
color: $one__light;
|
|
}
|
|
|
|
.sidebar_panel .nav-link {
|
|
opacity: 1 !important;
|
|
transition:.3s all;
|
|
}
|
|
.sidebar_panel .sidebar a.nav-link.active {
|
|
color: $one__light !important;
|
|
border-left: 4px solid $one__light;
|
|
|
|
img{
|
|
margin-left: -0.5rem !important;
|
|
}
|
|
}
|
|
|
|
.sidebar_panel .sidebar .sidebar_menu li a .sidebar_img {
|
|
width: 32px;
|
|
height: 32px;
|
|
margin: 8px 8px 8px 0;
|
|
}
|
|
.sidebar_menu > li a.nav-link{
|
|
&:hover{
|
|
transform: scale(1.05) !important;
|
|
transition: all 0.3s linear !important;
|
|
}
|
|
}
|
|
|
|
.datepicker{
|
|
z-index: 9999 !important;
|
|
}
|
|
div.dropdown-menu.bootstrap-datetimepicker-widget {
|
|
width: 28rem !important;
|
|
}
|
|
// .datepicker .table-sm > thead,
|
|
// .datepicker > div > table > tbody > tr > td.active{
|
|
// background-color: $one__primary;
|
|
// }
|
|
// .datepicker .table-sm > thead > tr:first-child th:hover {
|
|
// background-color: $one__primary-dark;
|
|
// }
|
|
// .datepicker .table-sm > tbody > tr > td.today::before{
|
|
// border-bottom-color: $one__primary;
|
|
// }
|
|
|
|
|
|
// here is van add
|
|
|
|
.o_calendar_renderer .o_calendar_widget .fc-timeGridDay-view .fc-axis.fc-time span,
|
|
.o_calendar_renderer .o_calendar_widget .fc-timeGridWeek-view .fc-axis.fc-time span {
|
|
max-width: 45px;
|
|
margin-top: 0px !important;
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
|
|
.o_searchview .o_searchview_icon {
|
|
z-index: 9999 !important;
|
|
margin-top: 12px;
|
|
}
|
|
|
|
|
|
// 自定义的下拉
|
|
.o_menu_sections_fix{
|
|
display: flex!important;
|
|
align-items: center;
|
|
}
|
|
.custom_dropdown {
|
|
position: relative;
|
|
.title {
|
|
color: #1f2631;
|
|
padding: 0 12px;
|
|
line-height: var(--o-navbar-height);
|
|
margin: 0;
|
|
cursor: pointer;
|
|
display: block;
|
|
}
|
|
.custom_dropdown_fixed {
|
|
position: absolute;
|
|
top: var(--o-navbar-height);
|
|
z-index: 1000;
|
|
padding: 0.5rem 0;
|
|
margin: 0;
|
|
font-size: 1.08333333rem;
|
|
color: #495057;
|
|
text-align: left;
|
|
background-color: #FFFFFF;
|
|
box-shadow: 0 1rem 1.1rem rgba(0, 0, 0, 0.1);
|
|
border-radius: 0.25rem;
|
|
display: none;
|
|
a {
|
|
display: block;
|
|
padding: 3px 20px;
|
|
clear: both;
|
|
font-weight: 400;
|
|
color: #495057;
|
|
text-align: inherit;
|
|
white-space: nowrap;
|
|
background-color: transparent;
|
|
border: 0;
|
|
&:hover {
|
|
color: #00005A !important;
|
|
background-color: #ebf0fd;
|
|
transition: all 0.3s linear;
|
|
}
|
|
}
|
|
}
|
|
.subtitle {
|
|
margin: 5px 0 0px;
|
|
padding: 5px 0;
|
|
text-indent: 5px;
|
|
background: rgba(0, 0, 0, 0.1);
|
|
font-size: 14px;
|
|
}
|
|
&:hover {
|
|
.title {
|
|
background-color: rgba(0, 0, 0, 0.08);
|
|
transition: all .3s;
|
|
}
|
|
.custom_dropdown_fixed{
|
|
display: block;
|
|
}
|
|
}
|
|
} |