diff --git a/_extensions/odoo/static/style.css b/_extensions/odoo/static/style.css index f6705cffc..65ad613a9 100644 --- a/_extensions/odoo/static/style.css +++ b/_extensions/odoo/static/style.css @@ -9178,6 +9178,112 @@ main.has_code_col:after, .o_logo_inverse.o_logo_15.center-block { background-position: 102% 0; } +.o-doc-dropdown > a.dropdown-toggle { + padding: 0 5px 0 10px; +} +.o-doc-dropdown > a.dropdown-toggle:after { + font-family: 'Material-Design-Icons'; + content: "\e7c1"; + display: inline-block; + text-rendering: geometricPrecision; + font-size: 1em; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} +@media screen and (max-width: 767px) { + .o-doc-dropdown > a.dropdown-toggle:after { + font-size: 1.5em; + } +} +.o-doc-dropdown.open { + z-index: 1; + position: relative; + background-color: #dcddde; + color: #5a5f68; +} +@media screen and (min-width: 768px) { + .o-doc-dropdown.open { + background-color: #fcfcfc; + } +} +.o-doc-dropdown.open .dropdown-toggle { + color: #5a5f68; +} +.o-doc-dropdown.open .dropdown-toggle:hover { + color: #21313a; +} +.o-doc-dropdown.open .dropdown-menu { + margin-top: 0; + border: none; + border-radius: 0; + text-align: left; + min-width: 100%; + background-color: #fcfcfc; + padding-bottom: 12.5px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.17); +} +.o-doc-dropdown.open .dropdown-menu.deep_hover:hover { + -webkit-transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; + -moz-transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; + -o-transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; + transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; + box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} +.o-doc-dropdown.open .dropdown-menu > li > a { + font-size: 12px; + display: block; + color: #5a5f68; + float: none; + text-transform: none; + font-weight: 500; +} +@media screen and (max-width: 767px) { + .o-doc-dropdown.open .dropdown-menu > li > a { + padding-left: 10px; + } +} +.o-doc-dropdown.open .dropdown-menu > li.active > a { + color: white; + background-color: #4c8c7f; +} +@media screen and (max-width: 767px) { + .o-doc-dropdown.open .dropdown-menu { + position: static; + } +} +@media screen and (min-width: 768px) { + .o-doc-dropdown.open .dropdown-menu { + background-color: #fcfcfc; + } +} +.o-doc-dropdown.o_dropdown_mobile_nav { + margin-left: 0; +} +.o-doc-dropdown.o_dropdown_mobile_nav > .dropdown-toggle:after { + position: absolute; + top: 0; + left: auto; + bottom: auto; + right: 0; +} +.o-doc-dropdown.o_dropdown_mobile_nav .o_breadcrumb_dropdown_menu > li > a { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.o-doc-dropdown.o_dropdown_mobile_nav .o_breadcrumb_dropdown_menu > li > a:before { + content: "|"; + margin-right: 0.5em; +} +.o-doc-dropdown.o_dropdown_mobile_nav .o_breadcrumb_dropdown_menu > li:nth-child(1) > a:before { + display: none; +} +.o-doc-dropdown.o_dropdown_mobile_nav .o_breadcrumb_dropdown_menu > li:nth-child(2) > a:before { + padding-left: 0.5em; +} +.o-doc-dropdown.o_dropdown_mobile_nav .o_breadcrumb_dropdown_menu > li:nth-child(3) > a:before { + padding-left: 1em; +} .shadow-none { -webkit-box-shadow: none; box-shadow: none; @@ -11156,30 +11262,136 @@ body > footer .o_footer_bottom .social-links .fa { display: none; } } -.o_main_header .mdi-navigation-menu { - padding: 13px; -} .o_main_header.o_mobile_menu_opened .mdi-navigation-menu { background-color: #282f33; color: #f2f2f2; } -.o_main_header .o_sub_nav .collapse .nav { +@media screen and (min-width: 768px) { + .o_main_header > .o_sub_nav #o_sub-menu .o_breadcrumb { + background-color: transparent; + padding: 0; + margin: 0 0 0 -15px; + height: 38px; + line-height: 38px; + } +} +.o_main_header > .o_sub_nav #o_sub-menu .o_breadcrumb > li { + display: block; +} +.o_main_header > .o_sub_nav #o_sub-menu .o_breadcrumb > li, +.o_main_header > .o_sub_nav #o_sub-menu .o_breadcrumb > li > a { + height: 30px; + line-height: 2; +} +.o_main_header > .o_sub_nav #o_sub-menu .o_breadcrumb > li:before { + font-weight: 700; + float: left; + padding: 0; + margin-right: -1px; + display: none; +} +@media screen and (min-width: 768px) { + .o_main_header > .o_sub_nav #o_sub-menu .o_breadcrumb > li { + margin-left: 0; + margin-right: -1px; + height: 38px; + line-height: 38px; + display: inline-block; + } + .o_main_header > .o_sub_nav #o_sub-menu .o_breadcrumb > li:before { + display: block; + } + .o_main_header > .o_sub_nav #o_sub-menu .o_breadcrumb > li > a { + padding: 0; + height: 38px; + line-height: 40px; + letter-spacing: -0.1px; + word-spacing: -1px; + font-size: 0.9em; + display: inline-block; + height: 100%; + max-width: 80px; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; + } + .o_main_header > .o_sub_nav #o_sub-menu .o_breadcrumb > li:last-child > a { + max-width: 170px; + } +} +@media screen and (min-width: 1980px) { + .o_main_header > .o_sub_nav #o_sub-menu .o_breadcrumb > li > a { + max-width: 120px; + } +} +@media screen and (min-width: 1200px) { + .o_main_header > .o_sub_nav #o_sub-menu .o_breadcrumb > li:last-child > a { + max-width: none; + } +} +@media screen and (max-width: 767px) { + .o_main_header > .o_sub_nav #o_sub-menu .o_breadcrumb > li > a { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + } + .o_main_header > .o_sub_nav #o_sub-menu .o_breadcrumb > li > a:before { + content: "|"; + margin-right: 0.5em; + } + .o_main_header > .o_sub_nav #o_sub-menu .o_breadcrumb > li:nth-child(1) > a:before { + display: none; + } + .o_main_header > .o_sub_nav #o_sub-menu .o_breadcrumb > li:nth-child(2) > a:before { + padding-left: 0.5em; + } + .o_main_header > .o_sub_nav #o_sub-menu .o_breadcrumb > li:nth-child(3) > a:before { + padding-left: 1em; + } +} +@media screen and (max-width: 767px) { + .o_main_header.index > .o_sub_nav #o_sub-menu .o_breadcrumb { + display: none; + } +} +.o_main_header > .o_sub_nav { + border-radius: 0; +} +.o_main_header > .o_sub_nav .navbar-toggle { + padding: 0 15px; + margin: 0; + height: 38px; + background-color: #f2f2f2; +} +.o_main_header > .o_sub_nav .navbar-toggle span { + line-height: 38px; +} +.o_main_header > .o_sub_nav .navbar-toggle.collapsed { + background-color: #fcfcfc; +} +.o_main_header > .o_sub_nav .collapse .nav { margin-right: 0; margin-bottom: 0; } -.o_main_header .o_sub_nav .collapse .nav:first-of-type { +.o_main_header > .o_sub_nav .collapse .nav:first-of-type { margin-right: -15px; } -.o_main_header .o_sub_nav .collapse .nav > li { +.o_main_header > .o_sub_nav .collapse .nav > li { margin: 0; } -.o_main_header .o_sub_nav .collapse .nav > li > a { - padding: 0 10px; +.o_main_header > .o_sub_nav .collapse .nav > li > a { + padding: 0 0 0 10px; } -.o_main_header .o_sub_nav .collapse .nav > li.dropdown > a.dropdown-toggle { - padding: 0 15px 0 10px; +.o_main_header > .o_sub_nav .collapse .nav > li.divider { + height: auto; + line-height: 1; + border-bottom: 1px solid #dcddde; + padding: 4px 0px 5px; } -.o_main_header .o_sub_nav .collapse .nav > li.dropdown > a.dropdown-toggle:after { +.o_main_header > .o_sub_nav .collapse .nav > li.dropdown > a.dropdown-toggle { + padding: 0 5px 0 10px; +} +.o_main_header > .o_sub_nav .collapse .nav > li.dropdown > a.dropdown-toggle:after { font-family: 'Material-Design-Icons'; content: "\e7c1"; display: inline-block; @@ -11187,74 +11399,239 @@ body > footer .o_footer_bottom .social-links .fa { font-size: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; - position: absolute; - top: 0; - left: auto; - bottom: auto; - right: 0; } -.o_main_header .o_sub_nav .collapse .nav > li.dropdown.open { - background-color: #fcfcfc; +@media screen and (max-width: 767px) { + .o_main_header > .o_sub_nav .collapse .nav > li.dropdown > a.dropdown-toggle:after { + font-size: 1.5em; + } +} +.o_main_header > .o_sub_nav .collapse .nav > li.dropdown.open { + z-index: 1; + position: relative; + background-color: #dcddde; color: #5a5f68; } -.o_main_header .o_sub_nav .collapse .nav > li.dropdown.open .dropdown-toggle { +@media screen and (min-width: 768px) { + .o_main_header > .o_sub_nav .collapse .nav > li.dropdown.open { + background-color: #fcfcfc; + } +} +.o_main_header > .o_sub_nav .collapse .nav > li.dropdown.open .dropdown-toggle { color: #5a5f68; } -.o_main_header .o_sub_nav .collapse .nav > li.dropdown.open .dropdown-toggle:hover { +.o_main_header > .o_sub_nav .collapse .nav > li.dropdown.open .dropdown-toggle:hover { color: #21313a; } -.o_main_header .o_sub_nav .collapse .nav > li.dropdown.open .dropdown-menu { - background-color: #fcfcfc; +.o_main_header > .o_sub_nav .collapse .nav > li.dropdown.open .dropdown-menu { margin-top: 0; border: none; border-radius: 0; text-align: left; min-width: 100%; + background-color: #fcfcfc; padding-bottom: 12.5px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.17); } -.o_main_header .o_sub_nav .collapse .nav > li.dropdown.open .dropdown-menu.deep_hover:hover { +.o_main_header > .o_sub_nav .collapse .nav > li.dropdown.open .dropdown-menu.deep_hover:hover { -webkit-transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; -moz-transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; -o-transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); } -.o_main_header .o_sub_nav .collapse .nav > li.dropdown.open .dropdown-menu > li > a { +.o_main_header > .o_sub_nav .collapse .nav > li.dropdown.open .dropdown-menu > li > a { font-size: 12px; display: block; color: #5a5f68; float: none; text-transform: none; - font-weight: normal; + font-weight: 500; } -.o_main_header .o_sub_nav .o_main_back { - float: left; - height: 35px; - line-height: 50px; +@media screen and (max-width: 767px) { + .o_main_header > .o_sub_nav .collapse .nav > li.dropdown.open .dropdown-menu > li > a { + padding-left: 10px; + } } -.o_main_header .o_sub_nav .o_main_back a { +.o_main_header > .o_sub_nav .collapse .nav > li.dropdown.open .dropdown-menu > li.active > a { color: white; + background-color: #4c8c7f; } -.o_main_header .o_sub_nav #o_doc_title { - padding-left: 10px; +@media screen and (max-width: 767px) { + .o_main_header > .o_sub_nav .collapse .nav > li.dropdown.open .dropdown-menu { + position: static; + } +} +@media screen and (min-width: 768px) { + .o_main_header > .o_sub_nav .collapse .nav > li.dropdown.open .dropdown-menu { + background-color: #fcfcfc; + } +} +.o_main_header > .o_sub_nav .collapse .nav > li.dropdown.o_dropdown_mobile_nav { + margin-left: 0; +} +.o_main_header > .o_sub_nav .collapse .nav > li.dropdown.o_dropdown_mobile_nav > .dropdown-toggle:after { + position: absolute; + top: 0; + left: auto; + bottom: auto; + right: 0; +} +.o_main_header > .o_sub_nav .collapse .nav > li.dropdown.o_dropdown_mobile_nav .o_breadcrumb_dropdown_menu > li > a { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.o_main_header > .o_sub_nav .collapse .nav > li.dropdown.o_dropdown_mobile_nav .o_breadcrumb_dropdown_menu > li > a:before { + content: "|"; + margin-right: 0.5em; +} +.o_main_header > .o_sub_nav .collapse .nav > li.dropdown.o_dropdown_mobile_nav .o_breadcrumb_dropdown_menu > li:nth-child(1) > a:before { + display: none; +} +.o_main_header > .o_sub_nav .collapse .nav > li.dropdown.o_dropdown_mobile_nav .o_breadcrumb_dropdown_menu > li:nth-child(2) > a:before { + padding-left: 0.5em; +} +.o_main_header > .o_sub_nav .collapse .nav > li.dropdown.o_dropdown_mobile_nav .o_breadcrumb_dropdown_menu > li:nth-child(3) > a:before { + padding-left: 1em; +} +@media screen and (min-width: 768px) and (max-width: 991px) { + .o_main_header > .o_sub_nav > .container > .collapse > .nav > li > a, + .o_main_header > .o_sub_nav > .container .o_breadcrumb > li > a { + font-size: 10px; + font-weight: 600; + } +} +.o_main_header > .o_sub_nav li.dropdown > a.dropdown-toggle { + padding: 0 5px 0 10px; +} +.o_main_header > .o_sub_nav li.dropdown > a.dropdown-toggle:after { + font-family: 'Material-Design-Icons'; + content: "\e7c1"; display: inline-block; - -webkit-transform-origin: 0 50%; - -moz-transform-origin: 0 50%; - -ms-transform-origin: 0 50%; - transform-origin: 0 50%; - -webkit-transform: translate(50px, 0); - -ms-transform: translate(50px, 0); - -o-transform: translate(50px, 0); - transform: translate(50px, 0); - opacity: 0; - filter: alpha(opacity=0); - -webkit-transition: all 0.3s; - -o-transition: all 0.3s; - transition: all 0.3s; + text-rendering: geometricPrecision; + font-size: 1em; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } -.o_main_header.o_scrolled .o_sub_nav .o_main_back a { - color: #9e588b; +@media screen and (max-width: 767px) { + .o_main_header > .o_sub_nav li.dropdown > a.dropdown-toggle:after { + font-size: 1.5em; + } +} +.o_main_header > .o_sub_nav li.dropdown.open { + z-index: 1; + position: relative; + background-color: #dcddde; + color: #5a5f68; +} +@media screen and (min-width: 768px) { + .o_main_header > .o_sub_nav li.dropdown.open { + background-color: #fcfcfc; + } +} +.o_main_header > .o_sub_nav li.dropdown.open .dropdown-toggle { + color: #5a5f68; +} +.o_main_header > .o_sub_nav li.dropdown.open .dropdown-toggle:hover { + color: #21313a; +} +.o_main_header > .o_sub_nav li.dropdown.open .dropdown-menu { + margin-top: 0; + border: none; + border-radius: 0; + text-align: left; + min-width: 100%; + background-color: #fcfcfc; + padding-bottom: 12.5px; + box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.17); +} +.o_main_header > .o_sub_nav li.dropdown.open .dropdown-menu.deep_hover:hover { + -webkit-transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; + -moz-transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; + -o-transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; + transition: box-shadow 0.3s cubic-bezier(0.55, 0, 0.1, 1) 0s; + box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.05); +} +.o_main_header > .o_sub_nav li.dropdown.open .dropdown-menu > li > a { + font-size: 12px; + display: block; + color: #5a5f68; + float: none; + text-transform: none; + font-weight: 500; +} +@media screen and (max-width: 767px) { + .o_main_header > .o_sub_nav li.dropdown.open .dropdown-menu > li > a { + padding-left: 10px; + } +} +.o_main_header > .o_sub_nav li.dropdown.open .dropdown-menu > li.active > a { + color: white; + background-color: #4c8c7f; +} +@media screen and (max-width: 767px) { + .o_main_header > .o_sub_nav li.dropdown.open .dropdown-menu { + position: static; + } +} +@media screen and (min-width: 768px) { + .o_main_header > .o_sub_nav li.dropdown.open .dropdown-menu { + background-color: #fcfcfc; + } +} +.o_main_header > .o_sub_nav li.dropdown.o_dropdown_mobile_nav { + margin-left: 0; +} +.o_main_header > .o_sub_nav li.dropdown.o_dropdown_mobile_nav > .dropdown-toggle:after { + position: absolute; + top: 0; + left: auto; + bottom: auto; + right: 0; +} +.o_main_header > .o_sub_nav li.dropdown.o_dropdown_mobile_nav .o_breadcrumb_dropdown_menu > li > a { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.o_main_header > .o_sub_nav li.dropdown.o_dropdown_mobile_nav .o_breadcrumb_dropdown_menu > li > a:before { + content: "|"; + margin-right: 0.5em; +} +.o_main_header > .o_sub_nav li.dropdown.o_dropdown_mobile_nav .o_breadcrumb_dropdown_menu > li:nth-child(1) > a:before { + display: none; +} +.o_main_header > .o_sub_nav li.dropdown.o_dropdown_mobile_nav .o_breadcrumb_dropdown_menu > li:nth-child(2) > a:before { + padding-left: 0.5em; +} +.o_main_header > .o_sub_nav li.dropdown.o_dropdown_mobile_nav .o_breadcrumb_dropdown_menu > li:nth-child(3) > a:before { + padding-left: 1em; +} +@media (max-width: 767px) { + .o_main_header.o_inverted:not(.o_scrolled) .o_sub_nav { + display: block; + margin-bottom: 0; + } + .o_main_header.o_inverted:not(.o_scrolled) .o_sub_nav .nav { + margin: 0 0 0 -8px; + } + .o_main_header.o_inverted:not(.o_scrolled) .o_sub_nav .nav > li > a { + color: #666c75; + } + .o_main_header.o_inverted:not(.o_scrolled) .o_sub_nav .nav > li > a:hover, + .o_main_header.o_inverted:not(.o_scrolled) .o_sub_nav .nav > li > a:focus { + color: #5a5f68; + } +} +.o_main_header.o_inverted:not(.o_scrolled) .o_sub_nav_actions { + margin-left: 10px; +} +.o_main_header.o_inverted:not(.o_scrolled) .o_sub_nav_actions > li { + background: rgba(249, 249, 249, 0.1); + margin-right: 1px; +} +.o_main_header.o_inverted:not(.o_scrolled) .o_sub_nav_actions > li:last-child { + margin-right: 0; } .o_main_header.o_scrolled .o_sub_nav #o_doc_title { opacity: 1; @@ -11267,6 +11644,19 @@ body > footer .o_footer_bottom .social-links .fa { -o-transition: opacity 1s, transform 0.3s; transition: opacity 1s, transform 0.3s; } +.o_main_header.o_scrolled .o_sub_nav .o_sub_nav_actions { + margin-left: 10px; +} +.o_main_header.o_scrolled .o_sub_nav .o_sub_nav_actions:first-of-type { + margin-right: -25px; +} +.o_main_header.o_scrolled .o_sub_nav .o_sub_nav_actions > li { + background: rgba(136, 136, 136, 0.1); + margin-right: 1px; +} +.o_main_header.o_scrolled .o_sub_nav .o_sub_nav_actions > li:last-child { + margin-right: 0; +} #wrap { z-index: 1; position: relative;